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 获得更多效果。

祝你好运！