2回答
鼠标悬停在图像上更改文本链接颜色
、、、、
基本上我有6张图片和6个文本链接到他们
我做过css悬停在图片上(彩色版本-> on hover ->黑白版本)
和文本链接(悬停->上的黑色字体->和红色字体)
当我在链接上悬停时-图片正在获得悬停版本(B&W)，这是可以的，但这只在这个方向上起作用，当我在图片上悬停时，在相反的方向上-文本链接保持不变(黑色字体)
这就是我的问题，如何将这两个元素(文本链接和图片)连接起来？
下面是我的代码：
HTML
<ul class="menu">
li class="element_1"><a href
浏览 3提问于2013-03-21得票数 0
1回答
当我在html中悬停在图片上时，如何使图片改变颜色？我想用一个单独的图片与颜色作为悬停，但我到底要怎么写这个呢？
浏览 2提问于2013-09-14得票数 0
回答已采纳
我想知道是否有人可以发布一个代码示例，说明当我在图像上悬停某个像素坐标时如何显示一些信息(就像我在facebook图像上悬停一张图片时，它会显示我当前鼠标指针所在的那个人是谁的文本)。
facebook和我的解决方案的不同之处在于，我的图片不是包含人物的图片，而是同一图片上的多个图形，所以当我将鼠标悬停在许多图像像素坐标上时，它们将显示一些数据。
我也希望我的解决方案是基于网络的，如果可能的话，只包含javascript，jquery css html。
提前感谢=)
浏览 4提问于2011-04-12得票数 0
2回答
我在一条线上有4张图片作为链接，我让它们在悬停时调整大小，但当我悬停其中一张图片时，它会像我预期的那样调整大小，但其他未悬停的图片会以50px向下移动。如何避免其他图片下移？
我的代码是: HTML：
<a href=""><img src="cover (1).jpg" class="cover"><a>
<a href=""><img src="cover (2).jpg"class="cover"><a>
<a hr
浏览 2提问于2012-03-13得票数 2
回答已采纳
2回答
我对级联有问题。下面是我的当前代码：
CSS：
#pdorota:hover {
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-tran
浏览 0提问于2014-05-04得票数 0
回答已采纳
5回答
我试图在一张图片上做一个悬停效果，当它悬停在上面时，它会变成另一张图片。当我不使用锚标签的时候，我似乎不能让它工作。我的目标是当我将鼠标悬停在按钮上时，图片会发生变化，我相信这需要一些jQuery魔法。这是我的代码，当鼠标悬停在上面时，我只是试图改变图像，但不知何故不起作用。我是不是遗漏了什么？
HTML
<div>
<img src="images/newpic.png" class="img-circle homeimage" alt="Responsive image"/>
</div>
CSS
.h
浏览 0提问于2015-02-23得票数 1
我有三个目标与这些照片，隐藏所有除了第一个。当鼠标悬停在第一张图片上时，显示所有的图片，当鼠标悬停在第一张图片上时，继续显示。隐藏图片一次，仅当再次悬停在第一张上方时才显示该区域。(我忘记了img源代码，但它们在代码中)为了始终如一地做到这一点，我编写了html、css和js代码，但我只能实现两个，而不是全部三个，重复地没有刷新。代码： var tog = document.querySelector('#toggle');
var glide = document.querySelector('#first')
glide.onmouseover =
浏览 29提问于2019-02-02得票数 1
回答已采纳
2回答
表中不需要的行空间
、、、
我有一张桌子，里面有一张分割的图片。由于在图片的某些部分添加鼠标悬停效果，图片被分割。
虽然独立版本还可以，但当作为侧栏HTML码集成到WordPress中时，就会变得混乱(cell-padding会发生变化)。由于我无法控制父控件(这里是DIV)，如何从HTML代码重写父CSS (而不更改WordPress侧栏PHP代码)。
浏览 2提问于2012-10-09得票数 0
我有一个图片库，我已经设置好了，当用户将鼠标悬停在一个图片上时，我不希望它在单独的div中显示标题。我已经尝试了下面的代码，但没有用。我不擅长jquery，所以有人能纠正我吗？
Div的
galleryimages -保存缩略图(悬停)的位置
gallerydescription -显示图像中的Title标签的位置。
我希望它也对鼠标出来，它将清除DIV的描述。
<script type="text/javascript">
$(document).ready(function(){
$("img.galleryimages"
浏览 0提问于2011-06-23得票数 2
回答已采纳
2回答
我正在看google搜索页面上的javascript图片控件，我想知道如何才能复制它。我可以看到它在悬停时放大了一张图片，但我找不到他们在html中使用的代码。
谁能帮帮我。
浏览 0提问于2010-12-24得票数 0
2回答
我有以下代码：
<!DOCTYPE html> <html >
<head>
<style type="text/css">
.imgBox {background: url(lock75.png) no-repeat; }
.imgBox:hover {background: url(lock75light.png) no-repeat; }
</style>
</head>
<body>
<div style=&#
浏览 4提问于2015-10-22得票数 3
回答已采纳
1回答
因此，我使用了jquery插件fancybox，并使其正常工作，但我想知道如何对其进行一些调整。下面是我的html：
<a id="pics" title="This is some text that displays" href="Images/test.jpg">
<img alt="pics" src="Images/test.jpg"/></a>
$("a#pics").fancybox({
openEffect : 'elastic&
浏览 2提问于2012-10-01得票数 0
回答已采纳
3回答
在我的网站上，我有几个图像，循环通过一个GIF动画鼠标悬停，并返回到静态图像时，鼠标离开图片。
当鼠标悬停时，我想让gif从它的第一帧开始播放。但是，如果我悬停在图片上，将鼠标移开，然后再次悬停，图像将转向gif，从最后一个画面开始。
以下是我的HTML代码：
<img id="menugif">
我的CSS：
#menugif
{
padding-top: 15px;
height: 115px;
width: 125px;
content:url(../images/Hulk.png);
float: left;
}
#m
浏览 0提问于2016-04-01得票数 0
回答已采纳
2回答
当我将光标放在图片上时，我试图将效果应用到我的图片上。我想要的是一个灰度过滤器和一个文本出现。我使用了这个代码：
HTML:
<div class="upic_wrap">
<img class="upic" src="foo.jpg">
<div class="upic_text">Avenida Central</div>
</div>
CSS:
.upic_text {
position:absolute;
top: 50%;
浏览 0提问于2019-03-29得票数 1
回答已采纳
1回答
悬停时的缩放位置
、、、
当我点击图像时，我想改变悬停图像的位置。现在*图像悬停在底部放大，我希望放大在顶部(请参阅图像链接)。我添加了以下代码：
HTML：
<div class="image"></div>
CSS：
.image { background:url(image url); height:50px; width:50px; }
.image:hover { background:url( image url ); height:400px; width:400px; }
图片：
浏览 1提问于2014-02-14得票数 1
3回答
所以我有这个php脚本，它输出一个html表，其中包含一些文件的数据(如文件名、文件大小等)。
我有一个javascript函数，当你悬停一个属于“预览”类的标签时，它会显示图片。例如，如果文件名为: somePic.jpg，当您将鼠标悬停在表中的somePic.jpg上时，该图片将出现在鼠标旁边。
现在并不是所有这些文件都是图片，有些是.mp3，所以当你悬停它们时，javascript不能显示图片。为了处理这种情况，我在标记(由javascript函数生成)中添加了一个alt属性: alt='Preview not available for this content.‘’。
这就是
浏览 3提问于2010-05-28得票数 0
回答已采纳
我有一个包含两行三列的网格。每列都有一张图片、一个标题和一个副标题。所有的图片都有相同的类，比方说“图像”.I希望图片在悬停时改变。我有一个包含另一个图像的div (我想在悬停时显示的那个)，它的属性是display: none；
这是HTML代码：
<div class="row-1">
<div class="col-1">
<div class="view-field-image">
<div class="field-content"
浏览 2提问于2019-08-28得票数 0
1回答
我创建了带有图片的社交媒体hyperlicks (社交媒体图标)，并希望为这些图片添加一个不起作用的悬停效果。我试图添加悬停效果的图像，这是在超链接标签。
我的代码是：
<div class="icons">
<a href="ex.fb link here"> <img class="fb" src="images/fb.png"> </a>
<a href="insta"> <img class
浏览 26提问于2020-02-24得票数 0
回答已采纳
我有菜单列表，当我在上面徘徊的时候，项目会改变颜色。我也有我想要悬停的图片，列表中的元素会突出显示(就像我会直接悬停在它们上面一样)。
我不知道如何通过JS触发它-我想要模拟悬停在列表中的确切项目上。
以下是密码：
CSS类
#przyciski a:hover
{
color:orange;
text-decoration:none;
cursor: hand;
}
HTML代码：
<img src="img/kwadrat.jpg"
onCLick=""
onmouseo
浏览 0提问于2013-11-14得票数 4
回答已采纳
1回答
我正在尝试停止fadeTo()动画。我有4张图片，其中3张(未悬停的)应该变暗，而悬停的图片保持不透明为1。不幸的是，到目前为止，我的代码使每个图片，包括悬停的图片，在这个图片再次“亮起”之前都变暗了。相反，我只希望它在第一个实例中保持在100%，因为其他一切都会使网站看起来没有响应。
到目前为止，我所拥有的是：
$("#submenu").load("submenu.html", function(){
function darken(){;
$("#submenu li").find("img").fadeT
浏览 1提问于2015-07-07得票数 1
2回答
我创建了一个展示图片的网站。当你将鼠标悬停在其中一张图片上时，我希望它的不透明度为fadeTo 0.5，并且我希望出现一个文本。例如
悬停前的图片：
悬停时的图片：
这是我到目前为止的代码：
$(document).ready(function(){
$('.hover').mouseenter(function(){
$(this).fadeTo(250, 0.5);
});
$('.hover').mouseleave(function(){
$(this).fadeTo(50, 1);
}
浏览 1提问于2014-02-25得票数 0
3回答
我使用一个函数将图片添加到一个站点。这些进入到DIV中，使用.html()在完成之后，我需要同样的图像来显示悬停的效果，但是当我将它们悬停时什么都不会发生。如果我键入在.html()函数、相同类等中使用的相同代码，则悬停工作。
经过多次尝试，我把我的问题缩小到了这个样本。问题在于容器DIV如何公开通过.html()添加的代码.我的悬停函数找不到动态添加的标签。
下面是我的示例代码：
<html>
<head>
<title>Problems</title>
<script type ="text/javascript" sr
浏览 4提问于2012-02-17得票数 1
回答已采纳
我对此还是个新手。如何在仍然使用标签的情况下添加从更改picture1到picture2的转换？我还可以在脚本中添加第三张图片，这样当你将鼠标悬停在图片上时，它会显示三张图片而不是两张吗？以下是我的代码
<html>
<body>
<img src = "picture1.jpg" onmouseover="rollover(this)" onmouseout="mouseaway(this)">
</body>
<script type="text/javascript
浏览 4提问于2017-01-21得票数 0
1回答
#main{
position: relative;
height: 60px;
}
#exit{
float: left;
background: url(exit.jpeg) no-repeat;
width: 230px;
height: 230px;
background-size: 60px 60px;
opacity: .5;
}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.c
浏览 2提问于2013-06-09得票数 0
回答已采纳
2回答
将每个列表数组包装在标记中
、、、、
我试图让每个帖子列表包装在href中，这样就可以点击它了。基本上，当我试图点击每个帖子，它是不工作的，直到我把鼠标悬停在每个帖子的顶部，然后才能工作。
下面是我的代码，也是我的意思的图片：
联署材料：
function getPosts(data) {
var $output = $('<ul class="posts" data-role="listview" data-filter="true">')
$.each(data.posts,function(i, val) {
$
浏览 1提问于2013-10-17得票数 2
回答已采纳
2回答
请看一下。此页面背后的HTML代码如下所示：
#squared1.over {
background: green;
cursor: pointer;
}
#squared2{
position: absolute;
left: 250px;
cursor: pointer;
}
</style>
</head>
<body>
<img src="img/squared1.png" id="squared1" width="19
浏览 9提问于2013-10-20得票数 0
编辑:我解决了这个问题，我使整个图像成为一个链接，并将图片上的文本(以前的链接)放入- pointerevents: none。这样我就实现了我想要的东西。 I put image, im hovering over the link that is colored, I want the corresponding picture (top left) to remove grayscale我在页面上有图片，当你将鼠标悬停在它们上面时，它们会从灰度变成正常的彩色图片。默认情况下，它们被视为灰度。 然后我在那个页面上也有链接。我做的是，当我将鼠标悬停在链接1id上时，就像图片1一样，从灰度变
浏览 19提问于2019-05-26得票数 0
回答已采纳
1回答
有人知道如何在Joomla (3.6.3)中获得文章简介图像的悬停/叠加效果吗？介绍图像被插入到文章中的介绍图像字段中，并呈现以下HTML：
<article class="uk-article" data-permalink="">
<a href="" title="">
<img src="/domain/images/intro_image.jpg" alt=""></a>
<h1 cl
浏览 2提问于2016-11-18得票数 0
1回答
嘿，这是我的第一个问题，如果我做错了什么，我很抱歉。
我正在尝试创建一个只使用 HTML和的图库，到目前为止，我已经对所有的内容进行了调整和排序。问题是在悬停时图像放大，当你在放大的图像上悬停时，会出现在它各自图像的上方，但是当你向下滚动并在图像上悬停时，放大的图像会保持不变，而不会跟随图片。
我试过在图像和悬停图像中使用位置属性，但我无法正确处理。不过，我还是想让这个图像“弹出”div。
我在下面的链接上粘贴了代码：
浏览 3提问于2012-11-21得票数 1
回答已采纳
我想要一个类似的悬停效果与图片在这个网站的头版：我已经制作了html和css悬停效果，但由于悬停类一次只适用于一个图像，位置的变化将只对一张图片在一次。据我所见，只要有一个图像悬停，我就需要一些脚本来更改所有图像的css。而且，它不应该仅仅是一个悬停效应。在网站上，即使在图像不再悬停之后，图像的位置仍然保持不变？
任何人都知道如何做到这一点，或可能有一个链接到一个教程等？
我不知道这种效应是什么，所以我在google上找不到有用的东西：
(预先谢谢:)
浏览 0提问于2014-07-26得票数 0
回答已采纳
1回答
请告诉我如何在我的light 2图片库中添加一个很酷的悬停效果？我使用bootstrap，画廊运行良好，但我需要一个悬停效果。
这是我的HTML代码。
<div class="col-lg-4 col-sm-6 col-xs-12 ">
<a href="images/portf/thumb/1.jpg" data-title="first image" data-lightbox="port">
<img src="images/portf/thumb/1.jpg" cl
浏览 0提问于2017-04-19得票数 0
1回答
我是HTML的初学者，我想知道您是否可以告诉我如何在代码中添加一个悬停的东西：
<div class="container text-center" style="padding-top: 70px;">
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>Corvo Attano</strong><
浏览 1提问于2017-02-16得票数 0
回答已采纳
3回答
滚动效果:用鼠标改变图片
、、、、
我试图创建一个悬停，以改变图片。很多教程告诉我要尝试onmouseover和onmouseout。但是括号(我用来编写代码的程序)找不到第二张图片，名为"test2.png“。有没有人知道我如何处理这个问题，最好只使用HTML。
下面是我看过的教程，展示了我想要达到的目标：
<!DOCTYPE html>
<html>
<head>
<title>Portfolio V1</title>
<link rel="stylesheet" type="tex
浏览 4提问于2017-09-09得票数 1
回答已采纳
1回答
当我用鼠标悬停在图片上时，我想知道如何用HTML显示一个简短的1线描述。
有人能告诉我这个的确切标签/属性吗？
另外，如果你能提供一个示例代码，那就更好了。
谢谢。
浏览 1提问于2014-04-10得票数 1
回答已采纳
3回答
如何通过HTML/CSS呈现一个正常的(看起来像启用的)按钮，它在鼠标悬停或按下时不会改变其外观(为了便于说明，例如按x取消)？
(也就是说，当你将鼠标悬停在它上面或“按下”它时，我不希望它变得“突出显示”或“按下”。)
我知道我可以使用按钮的图片，但在不同或未来版本的浏览器中，后续的实际按钮可能看起来不同，与图片不匹配，这就是为什么我希望通过HTML/CSS呈现它。
浏览 0提问于2013-01-28得票数 0
下面是我的图片html代码。
<img src="" id="displaymirrorimage" height=auto width=auto style="display: none;">
下面是我的javascript代码，用于在鼠标悬停时动态显示图像。
document.getElementById("displaymirrorimage").style="display:block;";
它在Firefox和Chrome上运行良好，但不能在It和Safari浏览器上运行。
浏览 1提问于2016-09-30得票数 0
我正在尝试让一个黄色齿轮的图像位于一个带有黄色边框和白色背景的div中，然后在悬停时齿轮变为白色，背景变为黄色。我目前正在将第一张图片设置为div的背景，然后使用div:hover来更改悬停时的背景，但是间距等并不能很好地工作，并且边框不能正确地围绕图像。有没有可能让图片在链接中，而不是作为div的背景？下面是我使用的代码：
HTML：
<div id="settings">
<a href="settings.html"></a>
</div>
CSS：
#settings {
border: 4
浏览 2提问于2015-01-02得票数 2
1回答
我正在做一个“投资组合”，它显示不同事物的图片。当终端用户悬停在其中一张图片上时，我想要一个“标题”在图片上淡入。当他们停止在图片上盘旋时，标题就会褪色。我试图做的是添加以下HTML：
<div class="col-md-3">
<img src="assets/img/port1.jpg" class="porthome">
<div class="cap">
<h1>Compulite</h1>
<p> L
浏览 0提问于2015-02-14得票数 0
回答已采纳
小提琴>>
我正在用HTML5、CSS3和jQuery制作一个网站。
我有一个图片库。所有的图像都有一个信息框(简单的div和一些样式)在其中。
当悬停在信息框上时，将显示相关信息。
下面是显示/隐藏(滑进/出)相关信息的jQuery：
$(".info").hover(function(){
$(".cap2").slideDown(400);
}, function(){
$(".cap2").slideUp(300);
});
图像的信息位于HTML中。
“信息”框(将被悬停在上面)也在HTML中。
目前，图像信息和
浏览 3提问于2013-12-15得票数 1
回答已采纳
2回答
好了，我有一些代码：
$(document).ready(function(){
$("div.post.photo img").hover(function () {
$("div.show").slideToggle("fast");
});
});
现在，它像冠军一样工作。除了它同时出现在所有图像上这一事实。我试着找出如何让它在每个图像上单独工作，但我没有最黑暗的线索。
我特别想做的是，只有当您将鼠标悬停在特定图像上时，图像上的悬停事件才会发生。当您将鼠标悬停在图像上时，会弹出一个带有一些奇特标题的div，等
浏览 2提问于2011-10-02得票数 0
回答已采纳
1回答
我刚刚在html上添加了一张图片，如下所示。
<img src="Your image address" width="500" height="500">
但是我想添加鼠标悬停的方式，当鼠标光标出现在图像上时，图像应该改变，我在这里使用的代码。谢谢
浏览 2提问于2013-03-15得票数 0
1回答
对于交互式图片，我希望图像在悬停时发生变化，如果单击要保持悬停状态(请参见此处的图片：)。对于悬停，我有以下代码：
var sourceSwap = function () {
var $this = $(this);
var newSource = $this.data('alt-src');
$this.data('alt-src', $this.attr('src'));
$this.attr('src', newSource);
}
$(function() {
浏览 2提问于2014-11-23得票数 0
回答已采纳
2回答
悬停时如何旋转和缩放图片？
、、、、
当用户悬停在.png上时，我不知道如何立即旋转和缩放它。现在，只有当我在图片上悬停时，它才会缩放。我知道这个比例覆盖了第一个变体，但我不知道如何解决这个问题。我不认为@关键帧在这种情况下是正确的，因为图片不会从一个地方移动到另一个地方，或者我错了吗？当我停止悬停时，它又变大了。不旋转。
提前谢谢你。
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,
浏览 0提问于2018-09-23得票数 0
回答已采纳
1回答
我想在图片上应用jQuery的手风琴效果。
我使用这个语法...
// jQuery
$(document).ready(function()
{
$("dt.tooltip")
.addClass("js")
.hover(function()
{
$(this).toggleClass("active").next().toggle();
}
)
.next().hide();
}
);
// Html
<dt class="tooltip">Mail <img s
浏览 2提问于2011-03-07得票数 1
1回答
我遇到了一个问题，我需要单击由JS触发的元素的扩展函数。
演示UI：的图片
所以当我悬停在蓝色按钮上时，它会在底部显示另外三个形状。这些形状的‘html代码不会显示，直到鼠标悬停在它上。我的方法是使用操作链在蓝色按钮元素上悬停，然后单击关闭该元素(以这种方式，我可以单击下面的3个形状)。
到目前为止，我已经：
Actions action = new Actions(driver);
action.moveToElement(elementPosition).build().perform();
action.moveToElement(elementPosition,
浏览 4提问于2015-06-19得票数 1
我正在尝试制作一个简单的网站，其中包含导航条和图像，我知道如何使鼠标悬停在我的类导航，以影响我的肚脐
但我试着让它与众不同！悬停在图片..。会影响我的肚脐，但图片不会影响！
我试图添加更多的div类。随着我在youtube上看到的许多变化，我多次修改代码，等等。什么都没有成功，我他妈的迷路了
test.image:hover~#list {
background-color: yellow;
font-size: 40px;
}
<html>
<body>
<h1> test1 </h1>
<div class=
浏览 0提问于2019-08-07得票数 0
回答已采纳
1回答
我是一个甲骨文的家伙，正在努力编写一个HTML函数，我真的很感谢你的帮助。我想要实现的是我有一个4图片或一个图片与4个部分，一旦鼠标在每个部分，它需要弹出或得到放大。
最终，我希望一旦鼠标悬停任何部分弹出，仅供参考，我可以将该部分保存为图片。因此，原始图片将被分成4个部分。请分享代码，或者如果你有任何信息，请告诉我，非常感谢你的帮助
提前感谢
浏览 3提问于2016-04-21得票数 3
我有六个链接的图像(我的主导航)，我希望当它们悬停在上面时，每个图像都显示一个不同的图像(在页面上的不同位置)。只用HTML和CSS能做到这一点吗？或者我需要JavaScript？这是我的代码。提前谢谢。
<div id="mainnav">
<div id="gdpbutton">
<a href="gdp.html"><img id="gdpImg" src="images/GDP-button.png"/><
浏览 0提问于2016-03-07得票数 0
2回答
因此，我有一个图像，我使用它应该有一个悬停功能。我遇到的问题是悬停区域，所以鼠标需要激活悬停功能的地方，比图像本身大得多。我已经链接了下面的2张图片，其中1张没有启动悬停，1张是。在第二张图片中，你可以清楚地看到我的意思。
下面也是我的HTML和CSS代码。为此，我使用了以下W3页面：
图1：图像2(您看不到我的鼠标，但它一直在右边)：
<div class="containerpic">
<img src="images/duurzaamheid/blauw.png" alt="Avatar" class="i
浏览 5提问于2021-12-23得票数 0
现在有人指出了这一点，这真的让我很困扰。WebStorm一直在折叠 ，我相信有些人会喜欢它，但我宁愿总是看到这些html元素。
这是我正在谈论的一张图片。
你可以看到代表折叠代码的绿色胡萝卜，因为在这张图片中我将鼠标悬停在它上面，你可以看到显示它展开的工具提示。
谁能给我指个能关掉这个的开关？
浏览 15提问于2016-07-22得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
