css - 创建一个漂亮的鼠标悬停效果（包括示例）？

Question

我有一张图片，想尽快在下一页上创建鼠标悬停效果：

http://www.zalando.de/roxy-pam-snowboot-winterstiefel-grey-ro511c00e-101.html

要查看效果，请将鼠标移到右侧的“Auf den Wunschzettel”上。那些事情是怎么做的？

谢谢！

Answer 1

如果你想用“简单的方法”来做到这一点，请查看jQuery插件 qTip: little link。

如果您想自己构建它，以下是您最可能需要学习的内容：

• CSS 定位。
• onmouseover / onmouseout事件。
• CSS显示属性。

希望这足以让你开始！

注意：这也许可以仅使用 CSS 来实现，但使用 JavaScript 来完成这些事情更为典型。