Javascript悬停效果

【问题标题】：Javascript hovering effectJavascript悬停效果
【发布时间】：2011-06-20 03:24:09
【问题描述】：

是否有 Javascript 教程或代码可以使微妙的图像在背景中悬停或移动，例如 http://www.saratusar.com/ 上的效果？

【问题讨论】：

【解决方案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); }

【讨论】：

【解决方案2】：

如果您谈论的是顶部的这些按钮，请查看 CSS（层叠样式表）。更多使用 JS 和 CSS 的效果，您可以使用 JavaScript JQuery 库获得。

祝你好运！

【讨论】：