在文本链接上的鼠标悬停上放置png叠加图像

时间:2012-06-15 09:05:37

标签: javascript html css png overlay

我有一张normale jpg-photo和2 textlink。当用户将鼠标悬停在textlink 1上时,我想在jpg-photo上面显示一个透明的png-photo,当用户将鼠标悬停在textlink 2上时,我想在jpg上显示另一张png-photo。在mouseout上,png应该会再次消失。

可能?它可以单独用CSS完成,还是需要javascript? 谢谢你提前。

3 个答案:

答案 0 :(得分:1)

是的,可以使用JQuery,JS或CSS,具体取决于您的要求。 好的脚本可以在这里使用:

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

答案 1 :(得分:1)

您可以使用悬停式CSS选择器来解决此类问题,具体取决于页面的html布局

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

答案 2 :(得分:0)

使用jQuery的强大功能可以轻松完成您的请求:) 我用jQuery做了一些东西,你可以在这里找到它
http://jsfiddle.net/xrmqq/
它接近你想做的事。