如何让画廊图像在悬停时淡化,以显示标题,放大,访问网站等详细信息?

时间:2010-07-20 12:08:55

标签: jquery hover fade image-gallery

我已经看到一个很好的图像库悬停效果最近使用了很多,我只是想知道是否有人知道重建这种效果的好方法。效果是当您将鼠标悬停在图像上时,图像会淡出,或者在图像上显示链接等时div会消失。

与此处的内容类似:http://cssnack.com/,此处:http://designsnack.com/

我在过去创造了类似的东西,但记得IE中的不透明度有问题。任何提示都会很好,甚至可以指导一个类似效果的好教程。

提前感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

您可以使用JavaScript并将其置于具有时滞的循环中,并将MyVariable的值从Transparent滑动到Opaque。

document.getElementById("MyImage").style.MozOpacity=MyVariable

答案 1 :(得分:0)