Javascript悬停效果

Question

有没有一个Javascript教程或代码可以让一个微妙的图像在背景中悬停或移动，就像http://www.saratusar.com/上的效果一样

Answer 1

如果将img或div包装在锚点标签中，则可以使用纯CSS应用效果。(这似乎是您引用的站点所使用的技术。)

HTML：

<a id="thing" href="javascript:void(0);"><div></div></a>

CSS：

#thing div { background: url(image.jpg); width: 100px; height: 100px; min-height: 100px; }
#thing:hover div { background: url(image2.jpg); }

Answer 2

如果您正在讨论顶部的这些按钮，请查看CSS (层叠样式表)。通过使用JavaScript JQuery库，您可以获得更多的JS和CSS效果。

祝好运!