鼠标悬停时图像顶部的图像
鼠标悬停时图像顶部的图像
提问于 2011-02-05 03:10:15
我正在研究如何做一些与这个页面类似的事情：http://www.gap.com/browse/category.do?cid=15043
当您将鼠标悬停在衬衫上时，它会显示Quick Look图像。我想不出当你将鼠标移到上方时如何显示图像。棘手的部分是，你仍然可以点击衬衫，然后它会带你到产品页面。如果你点击Quick Look图像，它会把你带到一个模式窗口。我已经让模式窗口以我想要的方式工作，我只是不知道如何在鼠标悬停的主要产品图像上显示Quick Look类型的图像。
任何帮助都将不胜感激！谢谢!
回答 2
Stack Overflow用户
发布于 2011-02-05 03:14:28
我能想到的最好的方法是使用jquery创建一个onmouseover事件，将图像引用交换为新的引用，然后创建一个onmouseout事件，将原始图像引用放回原位
Stack Overflow用户
发布于 2011-02-05 04:47:36
您可以使用CSS来完成此任务。在本例中，我使用了一个图像，但也应该可以使用div：
html
<a href="#"><div class="img">info here</div></a>css
a{
display:block;
background-color:#666;
width:100px;
height:100px;
}
a div.img{
display:none;
}
a:hover div.img{
display:block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4901954
复制相关文章
相似问题
腾讯云开发者
