我有一个普通的 jpg-photo 和 2 个文本链接。当用户将鼠标悬停在 textlink 1 上时,我想在 jpg-photo 上显示一张透明的 png-photo,当用户将鼠标悬停在 textlink 2 上时,我想在 jpg 上显示另一张 png-photo。在 mouseout 上,png 应该会再次消失。
可能的?它可以单独使用 CSS 完成还是我需要 javascript 来完成?先谢谢了。
我有一个普通的 jpg-photo 和 2 个文本链接。当用户将鼠标悬停在 textlink 1 上时,我想在 jpg-photo 上显示一张透明的 png-photo,当用户将鼠标悬停在 textlink 2 上时,我想在 jpg 上显示另一张 png-photo。在 mouseout 上,png 应该会再次消失。
可能的?它可以单独使用 CSS 完成还是我需要 javascript 来完成?先谢谢了。
您可以使用悬停 CSS 选择器来解决此类问题,具体取决于页面的 html 布局
#11:hover img {
display:inline:
Add other blocks
}
是的,可以使用 JQuery、JS 或 CSS,具体取决于您的要求。好的脚本在这里:
http://cssglobe.com/post/1695/easyest-tooltip-and-image-preview-using-jquery
您可以使用 jQuery 的强大功能轻松完成您的请求 :) 我使用 jQuery 做了一些东西,您可以在这里找到它
http://jsfiddle.net/xrmqq/
它与您想要做的很接近。