在悬停时显示多个图像
是指当鼠标悬停在某个元素上时，页面上会显示多个图像。这种效果通常用于增强用户体验，提供更多的信息或者展示更多的图片。
悬停时显示多个图像的实现方式可以通过CSS和JavaScript来完成。以下是一种常见的实现方式：
- 使用CSS设置元素的样式和位置。可以使用position属性将元素定位为相对或绝对定位，使用z-index属性设置元素的层级。
- 使用JavaScript监听鼠标悬停事件。可以使用addEventListener方法来监听元素的mouseover事件。
- 在鼠标悬停事件的处理函数中，使用JavaScript动态创建并插入图像元素。可以使用createElement方法创建img元素，使用setAttribute方法设置图像的src属性和其他属性，使用appendChild方法将图像元素插入到页面中。
- 使用CSS设置图像元素的样式和位置。可以使用position属性将图像元素定位为相对或绝对定位，使用z-index属性设置图像元素的层级。
- 可以为图像元素添加动画效果，例如使用CSS的transition属性设置过渡效果，或者使用JavaScript的动画库实现更复杂的动画效果。
悬停时显示多个图像的应用场景包括但不限于以下几个方面：
- 产品展示：当用户悬停在产品图片上时，显示该产品的不同角度或细节图像，以便用户更好地了解产品。
- 图片集合展示：当用户悬停在图片集合的缩略图上时，显示该图片集合中的其他图片，以便用户预览和选择。
- 相关内容展示：当用户悬停在某个内容上时，显示与该内容相关的其他图片，以便用户获取更多相关信息。
- 广告展示：当用户悬停在广告图片上时，显示更多相关的广告或者促销信息，以吸引用户的注意力。
腾讯云提供了丰富的云计算产品和服务，可以帮助开发者实现悬停时显示多个图像的功能。具体推荐的产品和产品介绍链接地址如下：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云存储服务，可用于存储和管理悬停时显示的图像。详细介绍请参考：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可用于部署和运行悬停时显示多个图像的应用程序。详细介绍请参考：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：提供全球加速的内容分发服务，可用于加速悬停时显示的图像的传输和加载速度。详细介绍请参考：https://cloud.tencent.com/product/cdn
请注意，以上推荐的腾讯云产品仅供参考，具体选择和使用需根据实际需求进行评估和决策。
相关·内容
我有一个包含数百张图片的页面，我只想在悬停在文本上时显示这些图片。我用CSS做了，但是页面加载非常慢，因为它有700多张图片。
我怎么才能让它只在鼠标悬停时加载图像，而不是在加载页面时加载图像呢？
该页面为
谢谢!
浏览 3提问于2014-01-31得票数 0
2回答
我在我的网页上显示了图像列表，现在我需要为所有图像设置不同的转换，即当我悬停到一个图像时，它应该显示一个转换，而第二次悬停应该显示另一个转换，所以我的问题是如何使用css为单个图像设置随机转换。
浏览 0提问于2015-06-16得票数 2
回答已采纳
1回答
当我使用博客布局时，当我将鼠标悬停在任何内容上时，我看到一个带有代码#EEE的背景
当我更改为单篇文章布局时，将鼠标悬停在文章上不会显示背景
我正在试图找出是什么导致了博客布局上的悬停问题。我不想要一个悬停。
我检查了css模板，但找不到任何在悬停时设置背景图像或背景颜色的代码，该代码的颜色为#EEE
任何帮助我们都将不胜感激
浏览 1提问于2012-04-02得票数 0
回答已采纳
嘿，伙计们，我正在试着想办法让我的控制器在我的自定义滑块上有鼠标经过时激活一个功能。
当鼠标悬停时，我的滑块可以变成突出显示的颜色，这很容易，因为我只需要更改滑块上绘制的图像。然而，除此之外，我希望能够用它做更多的事情，比如如果图像不是鼠标悬停的话就取消隐藏，并在鼠标退出时隐藏。不同的滑块会激活不同的图像。
在我看来，我的方法如下。
1)我可以标记滑块，这样控制器就可以知道要取消隐藏和隐藏哪个图像。
2)鼠标悬停时，将通知我的控制器，然后控制器将隐藏或取消隐藏图片。我不能硬编码到nsslider类中，因为滑块在应用程序中使用，我相信如果我硬编码了它，那么我鼠标放在上面的任何滑块都会隐藏或取消隐
浏览 1提问于2011-01-04得票数 0
回答已采纳
3回答
我在一篇网络教程中读到过，在css中我们只能使用单个图像来实现悬停效果。例如。我只需要在CSS中输入此图像
因此，当Facebook图标没有悬停时，我们会看到暗淡的灰色图标，但当有人将鼠标悬停在图标上时，会显示蓝色图标，为此，我只需要在CSS中使用一个图像文件。
我们怎么能做到这一点。另外，我想知道这些图像是什么？
浏览 2提问于2012-11-27得票数 0
回答已采纳
5回答
我想要在链接上有hover至少1500毫秒或有click后显示image。如何在显示图像时实现此最小周期悬停条件？
图像应该保持可见，直到有悬停在链接上或其本身上。当鼠标移出两者时，&应该消失。我如何实现这一点？提前感谢！
浏览 0提问于2011-08-30得票数 0
回答已采纳
我想在我的网站上实现以下滑块：
现在，正如您所看到的，滑块由5个图像组成。我想使用一个单独的图像，但是当显示非悬停状态时，图像应该被分成5个部分，这样最左边的' image‘应该聚焦在图像的左侧，第二个' image’应该显示图像的下一个部分，但这都是一个图像的一部分，几乎就像一个精灵效果，预览(非悬停最小化状态)基本上是单个原始大图像的特定部分。
有人能帮我解决这个问题吗？
谢谢
浏览 2提问于2012-11-26得票数 0
回答已采纳
这是我正在使用的页面：
我希望当你将鼠标悬停在一行上时，图像会显示，当你离开该行时，图像会显示出来，但因为(我认为)图像在悬停div中，所以当你将鼠标悬停在行外但在图像上时，图像仍然可见。
我试图将图像移出悬停div，但它导致了一些可怕的闪烁，因为当你在图像上时，你不再是在悬停div上。
有什么办法可以解决这个问题吗？谢谢。
浏览 1提问于2011-09-10得票数 1
回答已采纳
使用Devexpress WinForms画廊控件来显示一堆图片。也配置了悬停图像，现在当我将鼠标悬停在图像上时，它会显示放大的图像。我想更改悬停效果，例如淡入/淡出或完全删除悬停效果。以及配置在其之后显示悬停图像的延迟，例如，当鼠标指针保持悬停设置的秒数时，只有在那时才应该显示悬停图像。这些都是可行的吗？
浏览 1提问于2015-09-25得票数 0
1回答
我目前正在使用onmouseover和onmouseout在悬停时交换图像。这很好，但是现在我们想要添加的效果--基本上，如果图像A是20x20，而悬停时显示的图像是80x80，我如何才能让悬停图像打开其他图像的“顶部”，这样图像大小的增加就不会影响容器或表？
有几个要求:解决方案需要在IE7中工作，并且必须能够在悬停时显示不同的、更大的图像。
浏览 1提问于2012-08-06得票数 0
1回答
删除无序列表中链接之间的空白
、、、、
这必须是一些可笑的简单，但我只是没有看到，并希望得到一些建议。
当鼠标悬停在不同的链接上时，我应用CSS使不同的图像出现。默认情况下，其中一个图像在那里，它是背景jpg图像的一部分。只有当鼠标悬停在相应的链接上时，所有其他图像才会出现。
问题：当我沿着链接行左右滑动光标时，或者上下垂直的时候，链接之间会有空隙，大约4px左右。当光标超出间隙时，链接无效，因此没有图像出现在顶部，背景图像被显示出来，从而产生一种闪烁。
问题：如何消除链接之间的空白，只有当光标悬停在链接上，而没有其他地方时，才能使背景图像可见？
提前谢谢你！
浏览 2提问于2013-04-17得票数 0
回答已采纳
1回答
是否可以通过将鼠标悬停在页面相对一侧的一个完全独立的div上来显示一个div/imge？除此之外，是否可以在一个div中显示多个图像？
我希望创建一个网站，让你看到一个div的图像，当你悬停在它上面，但能够看到每个新的图像在同一位置。我希望我说得够清楚了，希望有人能帮助我，谢谢。
浏览 23提问于2017-01-09得票数 0
1回答
我正在创建一个windows应用程序。在该应用程序中，我需要在MenuStrip控件项上显示图像，而不是文本。背景图像工作正常，但图像在悬停和单击时消失。
菜单项上的图像
单击/悬停时消失
是否有人有任何想法，如何在悬停或单击时显示不同的图像或同一图像。
浏览 4提问于2018-10-22得票数 1
2回答
我有一个页面，其中的产品项目是从数据库中显示。我可以添加一个灯箱的效果，所有的项目。但是，我还想在lightbox的弹出窗口中添加Product Name、Description、Product Qty和Product Rate。
我尝试过使用title标签，但当您将鼠标悬停在图像上时，html代码也会在rg的图像中呈现title标签。
有没有办法添加上面提到的细节，也当弹出窗口显示图像时，我希望图像应该显示在200px x 200px中，而不管原始大小是什么。
提前感谢..！
浏览 0提问于2013-06-27得票数 0
3回答
我有个问题需要帮助。
我正在尝试使用jQuery创建鼠标悬停动画，以便当用户将鼠标悬停在图像上时，它会显示该图像的高亮显示版本。我知道我可以用CSS做到这一点，但是问题是内容需要管理。因此，我想编写一个函数来匹配图像文件名的一部分，并对文件名的其余部分使用通配符。
这是HTML:这是将始终显示的图像，除非用户将鼠标悬停在该图像上。
<img class="imgPath" src="<?php echo PATH_SITE. 'uploads/folder/bgr_img.jpg' ?>" alt="First Imag
浏览 4提问于2012-04-19得票数 0
回答已采纳
在这里，我给出了我需要的工具提示的图像。
当有人将鼠标指针悬停在终身保修图像上时，工具提示将显示在该图像的正下方，并且工具提示的定位方式是使上图像位于下图的中心。
我知道如何使用jquery显示工具提示，当悬停在图像上时，但我无法在图像下显示工具提示，并且悬停图像位于中心。所以我需要帮助。如果可能，请帮助我的示例代码。谢谢
浏览 3提问于2012-01-13得票数 0
回答已采纳
6回答
我想知道是否有人能帮我找到一个解决方案，效果悬停在我的博客图片。这个想法是当我悬停一个图像时，你会看到一个带有图像信息的div，链接项目名称，日期，.
我所做的是，分配两个类执行div信息，类show和类hide，并且在开始时它与类hide连接。
然后使用jQuery/JavaScript，当img:hover删除类hide并添加类show时。
问题是，当我在图像上悬停时，会显示所有图像的信息。
我想知道是否有人能帮我把鼠标悬停的图像的信息呈现出来。
My：
<div id="content">
<img src="images/1.jpg"
浏览 2提问于2012-01-26得票数 2
2回答
播放视频并显示悬停在图像上的文本
、、、、
我正在寻找一种方法来实现悬停在一个图像上，触发播放视频。当鼠标不再停留在图像上时，图像(poster?)应该再次显示。视频上也应该有文字显示。请看下面来自Loop的例子。他们在他们的案例中有这种悬停效应。我用imageoverlay或poster image尝试了多种解决方案，但它们都不能让我顺利地从图像过渡到视频。请参阅下面的代码。
我不知道如何在图像/视频的顶部添加文本，在悬停时获得这种“探索”文本，就像Loop：中的示例(将鼠标悬停在“数字”上可以看到效果)。
编辑1:在这里:agentur-loop.com/case他们有一个非常平滑的悬停从图像到视频的过渡，如果我将鼠标移出视频，它会
浏览 0提问于2019-04-02得票数 0
我有一个页面列出了图像。当我将鼠标悬停在该图像上时，它会在图像上显示播放图标。
为此，我编写了一些jQuery代码：
$('#hovervideo').mouseenter(function (){
var isviddiv = $(this).find('.video-thumb');
if(isviddiv.length){
isviddiv.css('display','block');
}
console.log(isviddiv.length);
});
$(
浏览 0提问于2011-09-28得票数 0
回答已采纳
我有4个盒子(<li>元素)和4个图像。任务是当用户悬停特定框时显示特定图像。如果用户悬停在框0上，则显示图像0，如果1，则显示图像1。
在悬停时，我更新状态currantBox(例如currantBox: 1)，并将其传递给img src属性，如下所示：
<img src={this.props.content[this.props.currantBox]}/>
content是一个具有img路径的JSON数组。问题是，在每次悬停时的react，即呈现ie状态更新React发出get请求来下载图像，这根本不是有效的。
实现我的想法或修复currant实现的最好方法是什
浏览 0提问于2017-06-05得票数 0
在我的网站上，我有以下CSS：
a:hover{color:red;border-bottom:1px solid}
这将在悬停时在文本链接上显示红色下划线，这是所需的。
但是，这也会在悬停时在图像链接上显示红色下划线，这不是所需的。
我只想在悬停时显示文本链接上的红色下划线，但不想在悬停时显示图像链接。
有什么想法可以让我用CSS实现这一点吗？
浏览 1提问于2009-11-01得票数 1
回答已采纳
我正在asp.net图片库工作&我正在使用fancybox-1.3.4将图像显示为覆盖
它很好，我有两个问题。
One：它不显示下面屏幕截图中显示的下一个/预览
第二：在主厨房中，我对图像使用自定义标题，我向其添加了span标记，当我单击主图库页面上的photo.but时，当其中一个标题悬停在图像上时，它显示的标题具有span标记可见。它不会出现在IE中。我必须将这个标题传递给大覆盖图像。我怎么能把它藏在主页上。
浏览 3提问于2012-07-09得票数 0
回答已采纳
2回答
锚，表现出意想不到的行为
、、、、
我在锚点中使用了一个图像，并编写了css来在图像周围显示5 5px实心青色边框，而此时图像正在悬停，但边框并没有完全显示。
我使用的图片链接:-
img {
height: 300px;
width: 300px;
}
a:hover {
border: 5px solid cyan;
}
<a href="#"><img src="1.png"></a>
在图像悬停时的预期输出：-
在图像悬停时的实际输出：-
浏览 5提问于2022-09-06得票数 0
回答已采纳
我有一个菜单栏在我的母版页，这是由4个超链接与背景图像，这是使用css设置。在悬停时，这些图像也会被css换出。因此，每个菜单项(超链接)都有两个图像，一个是静态图像，另一个是悬停图像。当用户单击其中一个菜单项并被带到该页面时，我希望悬停在该页面上的图像“粘住”该页面。下面是我的代码：
<div id="nav">
<asp:HyperLink ID="hlHome" runat="server"
NavigateUrl="~/Default.aspx" CssClass=
浏览 2提问于2010-07-08得票数 0
回答已采纳
当我悬停在其他人身上时，我想显示一些图像。到目前为止，我已经尝试过：
$('.image').hover(function() {
$('.icon').stop().animate({"opacity": 1});
},function() {
$('.icon').stop().animate({"opacity": 0});
});
但是当我在一张图片上悬停时，我不想显示所有的图像。
我有这个
现在，我希望当我悬停到类.image的图像时，只在类.icon的图像中更改opacity，这是
浏览 2提问于2014-01-08得票数 1
回答已采纳
嗨，我正在玩jquery ui效果，并试图动画一些圣诞装饰品。这个想法是，如果你将鼠标悬停在它们上面，它们就会摆动。从图像顶部(线条的顶部)的中点开始摆动，就像一个真正的装饰品，而不仅仅是整个图像来回移动。
到目前为止，我所拥有的是：
它在点击时显示，当我在悬停时，它们不会工作得很好或现实。
这是我第一次尝试jquery动画，我真的不确定下一步该怎么做。任何帮助都将不胜感激。
谢谢!
浏览 1提问于2011-11-02得票数 1
回答已采纳
1回答
我正在尝试创建一个图像按钮，它根据条件呈现不同的图像。此外，我还需要另一个条件，当鼠标悬停在上面时会显示另一个图像。
该示例用于datagrid行(单元格)中的一个按钮，该按钮在false条件下显示灰色十字，在鼠标悬停时显示红色十字。如果初始条件为真，则会显示一个灰色的勾号，鼠标悬停时会显示一个绿色的勾号。初始条件来自行的绑定元素。
到目前为止，我还没有任何可用的东西！在下面的示例中，忽略图像的路径位置。
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Button Style=&
浏览 0提问于2013-01-28得票数 0
回答已采纳
我的代码中有一个问题，当我将鼠标悬停在图像上时，图像会放大50%，并在图像上显示一个文本，但当我将鼠标悬停在文本上时，图像将进入mouseout、mouseover、mouseout、mouseover状态。所以它会闪烁很多。当鼠标悬停在图像文本上时，如何禁用此悬停事件？我在文本中尝试了event.stopPropagation，但它不起作用。
这是。尝试将鼠标悬停在图像上，然后尝试将鼠标悬停在文本上。这就是我所说的效果。我想禁用文本悬停事件。请帮帮我。
浏览 0提问于2012-06-05得票数 0
回答已采纳
3回答
我有一个简单的jQuery图像转换器，当你悬停在它上面时，将使交换所有的图像与他们的灰色版本，除了你所在的，那一个将保持彩色(他们都是彩色的开始)，当你悬停在另一个图像上，最后一个图像变成灰色，新的变成彩色。
然而，在IE上，当你在图像上悬停时，因为src IE正在改变，所以在执行它应该做的事情之前，IE会在瞬间显示彩色版本。
代码如下：
$(window).load(function() {
//when mouse over the list item...
$('#portfolio ul li').hover(function(){
$(this).find(&
浏览 0提问于2010-10-13得票数 1
回答已采纳
1回答
在索引库中，平板铁模板允许在悬停时进行不透明度更改，但我想知道是否可以将其反转，即让图像保持较低的不透明度，直到您将其悬停以显示真实图像。(即如何使缩略图显示为有一个黑暗的覆盖，直到您悬停以显示真实的图像)
我想确保当我插入代码时，它不会取消模板中的其他悬停效果，例如图像缩放、文本覆盖和淡入淡出。__我也想知道选项2(如果这是一个更简单的解决方案？)，我想知道是否有可能让图像出现黑白，直到你悬停显示颜色。
抱歉，我知道这是两个问题在一个帖子里被弄脏了。尽管如此，还是谢谢你的帮助！真的很感激！
浏览 1提问于2018-05-03得票数 0
2回答
我有一个图像保存为一个精灵(一颗星)，最初是为了改变悬停状态下的颜色。例如，我想调整它的用法，以根据类名显示X个星的数量。
我知道改变背景位置会改变悬停时显示的图像，因为图像是垂直放置的。
示例
.sprite {
width:46px;
height:44px;
background:url(image.gif) 0px 0px;
}
.sprite:hover{
background: url(image.gif) 0px 44px;
}
我想要能够重复一定长度的图像来显示x数量的恒星，1，2，3或4在hover..the上显示的恒星数量将是预先定义的，这是可能
浏览 0提问于2013-06-24得票数 0
1回答
带视图的图像悬停
、、
我已经在我的内容类型中创建了2个图像字段-主图像和图像悬停。图像主要是一个相册显示，当您悬停相册封面时，它必须更改为图像悬停。
我怎么才能让这件事发生。
浏览 0提问于2014-03-19得票数 1
回答已采纳
6回答
我想做一个悬停图像的CSS效果。
当我将鼠标悬停在图像上时，我希望显示一个包含文本等内容的div。
所以我想用这段代码做点什么：
<div id="image"><img src="image.png"/></div>
<div id="hover">Test message</div>
我试图在css显示中隐藏" hover“div，在悬停时我试图将显示设置为block，但它不起作用...：(
编辑:我想在图像上的文字。当我悬停图像时，它应该具有一定的不透明度，但文本不应该接
浏览 3提问于2013-03-11得票数 7
回答已采纳
6回答
当光标悬停在文本上时，我试图在文本上显示图像，根据我的搜索，我只能找到：的示例。
当光标悬停在文本上时，有没有办法找到显示图像的反向方式？
例如，当光标在下面的文本上时，我想显示一个图像。
浏览 9提问于2016-05-05得票数 0
回答已采纳
2回答
如果图像未悬停，则隐藏div
、、、、
好吧，我读过各种各样类似的问题，但我没有找到我的特定问题的答案。在我的网站上，我有一个放大悬停的图像列表，在图像出现的旁边有一个div，显示它是哪种类型的图片。在鼠标输出时，div消失，图像返回到它以前的状态。如果我慢慢地一个接一个地悬停在图像上，一切都很好，但当我以相当快的速度悬停几张图像时，所有div都会出现并保持可见，即使图像不再悬停。所以我的问题是:我如何设置它，以便即使我快速悬停图像，div也会消失？
$("ul.graphThumbs li").hover(function() {
$(this).find(".graphInfo").css
浏览 1提问于2011-10-22得票数 2
回答已采纳
3回答
我在jQuery中有以下代码：
if (klick = true) $(this).fadeOut('fast', function(){
$(this).attr("src", "../img/daniel_effects.png").fadeIn();
});
图像的更改现在是这样工作的：- Image1淡出-不显示图像- Image2淡入
我怎么才能修复这个问题，图像一起褪色，而它们之间没有图像呢？
在这里你可以明白我的意思：
当你将鼠标悬停在图像上时，在图像加载之前会有一个很短的空白区域。我怎么才能修复它？
浏览 1提问于2013-07-04得票数 1
我看到了其他关于影响其他因素的帖子，当其中一个被盘旋时，但我们能有类似悬停的东西吗？例如，在我的代码中，描述显示当我们在侧栏图像上悬停时，但是当您在描述上悬停时，悬停图像的效果就会消失。我们能不能，有#侧栏图像:悬停#描述:悬停#侧栏图像(：悬停)或其他什么？我希望图像保持褪色(当它在盘旋时得到的效果)，当我的猎手在描述上时(在图像上方)。我不能把头绕在这上面。谢谢。
#sidebarimage img:hover {
-webkit-transition: opacity 0.6s linear;
opacity: 0.5;
z-index:1;
}
#sidebarimage:hove
浏览 2提问于2014-11-07得票数 0
回答已采纳
1回答
我想更改图像(还是图标？)使用QGroupBox的复选框显示，即：
特别是，我希望将在“选中”时显示的图像更改为“图像/定制_Checked.png”，并将其悬停到“image /customhover.png”时显示。我认为这可以使用StyleSheets完成，但我一直无法使任何工作。
编辑:下面的代码在选中复选框时确实会更改复选框图像
class MyGroupBox(QtGui.QGroupBox):
def __init__(self, parent):
super(MyGroupBox, self).__init__(parent)
浏览 1提问于2016-07-02得票数 0
回答已采纳
1回答
你好，我正在建设一个网站，我在织物画布上显示图像，通过在网站上的文本内容悬停。有许多文本链接连接到许多不同的图像。画布上总是只有一张图片在展示，但在“银行”中有很多。在每次悬停调用时，我都会更改Fabric.js图像对象的源参数。而且，图像本身从来都不是DOM的一部分。
我的问题是，当页面加载和用户悬停在链接上时，它至少需要两个“悬停”，这意味着用户必须输入和离开文本链接区域至少两次，才能真正显示图像。
第一次悬停下载图像，当图像加载时，第二次悬停显示它。
有没有办法预先加载这些图像，这样它们就会在第一次悬停时弹出？
我使用的是Fabric.js图像对象。
这是我第一张图像的显示方式。
fab
浏览 8提问于2015-06-10得票数 2
回答已采纳
5回答
在鼠标悬停时显示图像
、、、、
如何在鼠标悬停时显示图像？我还需要在鼠标悬停时在图像旁边的文本下划线？在鼠标输出时，我必须隐藏图像，并使文本再次正常。
这是我的html字段
<img src="img.jpg"> Name
现在，当我加载页面时，我不想显示图像，除非我将鼠标放在它应该出现的地方。
浏览 4提问于2013-09-13得票数 1
1回答
我正在学习Vue.js，作为练习，我正在开发一个SPA。我通过组件递归地添加一些图标作为imgs。(为了关注这个问题，省略了很多代码)
Vue.js
Vue.component('icon', {
template:
'<img id="logo-icon" v-on:mouseover="animation"
class="platform_button" width="50" height="50"
src="../assets/img
浏览 1提问于2017-06-08得票数 3
回答已采纳
1回答
我有两个div元素。一个较大的(在顶部)的文本内容和一个较小的(在底部)的缩略图图像。
当我将图像悬停在缩略图div中时，我希望将图像显示在更大的div中，显示在文本内容上。
下面是一个没有悬停的截图：
在悬停期间(将图像悬停在缩略图上，以便在大多数div中变大)：
基本结构：
<div id="content">
<p>Lorem ipsum...</p>
<div id="thumbnail">
<img src=""../>
</div>
浏览 2提问于2015-10-23得票数 1
回答已采纳
我试图在图像上创建一个图片库，当您悬停或鼠标移动时，它将在图像上显示一个div，并且在悬停功能上使用淡入/退出功能。问题是，当我将图像悬停时，它会自动褪色。
我有这段代码用于悬停淡入/淡出：
$(".image").hover(function() {
$(".hover-box").fadeIn({
duration: 1000
});
}, function() {
$(".hover-box").fadeOut({
duration: 1000
});
});
我试图解决
浏览 4提问于2014-08-01得票数 0
回答已采纳
这是我的网站网址：
如你所见，主页上有一个主要的黄色图片。实际上有11张图片。我在鼠标悬停上给他们看。在悬停一个图像，顶部图像隐藏和底部图像出现，我已经做了不透明和css3动画平稳过渡。它们几乎没有什么问题。
1)当我们在图像上悬停时，相应的图像会出现故障。(图像变大了，比小了一点。)它主要是用铬。加上非常高的分辨率，所有的图像对齐也会受到干扰。故障只出现在图3中
2)我想在所有屏幕上显示我的页面，包括它的1280*780或2280*1600等等。
浏览 3提问于2015-06-08得票数 2
4回答
如何使用Tailwind CSS:在图像悬停时显示文本？ 这是我的照片吗？我想文字“哺乳动物”显示时，用户悬停图像？ <img src="/img/cat/categories/mammals.png" alt="mammals" class="max-w-full max-h-full">
浏览 73提问于2021-01-27得票数 5
回答已采纳
我在一个同级div中有一个带有附带信息的图像网格，当图像悬停在上面时需要显示出来，当光标离开图像时就会消失。我在这里研究了几个类似的问题，但没有一个真正符合我的需要。
这是我继承的一个网站，它使用了不同的JS库，我正在切换到jQuery，但由于我仍在学习jQuery，我很难弄清楚这一点。
我已经在这里设置了HTML和CSS：
这里有一个我需要的截图：
因此，在悬停时，兄弟分区(.property_info)需要显示在图像分区(.property)的右侧，但每行中最后两个分区的分区需要显示在左侧，以便它留在容器/包装器分区内。请记住，数据将动态生成。
我希望这是有意义的。任何帮助都是非常非常有帮
浏览 0提问于2012-09-20得票数 1
回答已采纳
我目前有以下CSS来更改网页上的列表图像：
.footer-list li
{
list-style-image:url('images/footer/arrow.png');
padding-left:14px;
}
该图像由悬停/非悬停版本组成，原图位于顶部，悬停版本位于其下方。
我希望这个列表首先显示顶部部分(7x7px)，然后在悬停时移动到底部7x7部分。我知道如何做悬停部分，但不移动显示的图像部分。
希望这是有意义的
浏览 0提问于2013-11-03得票数 1
2回答
我已经在Dreamweaver中创建了一个翻转图像菜单。一周中的几天都是图像。悬停时显示的翻转图像也是如此。我的问题是，当你将鼠标悬停在一周中的某几天时，悬停图像会将文本向下推。
我模拟了在菜单悬停前和悬停期间显示菜单的两个屏幕抓图()
我读了一些关于z索引的文章，试着让菜单上的数字比鼠标悬停时的数字更大，但这并不管用，也无助于固定位置。最后，这是我设计菜单样式的唯一CSS -
== CSS ==
#nav {
text-align:center;
list-style: none;
}
#nav ul
{
list-style-type:none;
}
#nav li
{
displ
浏览 0提问于2013-12-02得票数 0
1回答
我有一个下拉菜单，我想要的是显示图像在右侧的下拉菜单，当链接悬停时，每个链接将有一个不同的图像，所以当链接悬停时，图像应该会自动改变，当没有悬停效果时，它应该回到一个固定的图像。
有没有关于如何让这个效果生效的建议？
在本节中：
<div class="menu">
<div class="left-menu-section">
<ul>
<li><a href="#">Product 1</a></li>
<li><a href="#&
浏览 0提问于2013-01-08得票数 0
3回答
我试图在悬停时使图像半透明，并在其上显示文本。
我已经实现了一个纯CSS解决方案，但是它有一个问题:当我将图像悬停时，文本(链接)显示，但是如果我将鼠标移到这个链接上，它就会松开图像上的悬停，并开始闪烁，因为它被捕捉到了一个悬停循环，即“未悬停”。
一个示例将更加显式，下面是我的代码：
CSS部分：
.fadeImg {
opacity: 1;
}
.fadeImg~.hoverDisplay {
display: none;
}
.fadeImg:hover {
opacity: 0.5;
}
.fadeImg:hover~.hoverDisplay {
dis
浏览 8提问于2013-08-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
