我有一张normale jpg-photo和2 textlink。当用户将鼠标悬停在textlink 1上时,我想在jpg-photo上面显示一个透明的png-photo,当用户将鼠标悬停在textlink 2上时,我想在jpg上显示另一张png-photo。在mouseout上,png应该会再次消失。
可能?它可以单独用CSS完成,还是需要javascript? 谢谢你提前。
答案 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/
它接近你想做的事。