将鼠标悬停在文字链接上的png覆盖图像

我有一个normale jpg-photo和2个textlink。当用户鼠标悬停textlink 1我想要显示一个透明的PNG照片顶部的JPG照片，当用户鼠标悬停textlink 2时，我想在JPG顶部显示另一个PNG照片。在mouseout上，png应该再次消失。将鼠标悬停在文字链接上的png覆盖图像

可能吗？而且可以单独使用CSS来完成，还是需要JavaScript来完成？谢谢先进。

来源

2012-06-15 user1458216

是的，这是可能的。根据您的HTML结构，您可能需要使用Javascript，否则您可能不需要。 – strah

是的，根据您的需求，可以使用JQuery，JS或CSS。好剧本来使用是在这里：

http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

来源

2012-06-15 09:46:25 Ondrej

您可以使用悬停CSS选择器，这取决于你的页面的HTML布局来解决此类问题

#11:hover img { 
display:inline: 
Add other blocks 
}

来源

2012-06-15 10:09:00

你的要求可以轻松完成使用jQuery的力量:) 我做了一些使用jQuery的东西，你可以在这里找到它
http://jsfiddle.net/xrmqq/
它接近你w蚂蚁做。

来源

2012-06-15 11:31:34

将鼠标悬停在文字链接上的png覆盖图像

回答

相关问题