鼠标悬停在弹出菜单上

Question

使用简单的html（不是html5）和css创建一个网站，但获得了鼠标悬停效果。当用户将鼠标悬停在链接上时，需要显示带有背景图像的文本。以下是一个例子..

NORMAL：

OVER：

我认为用简单的CSS创建效果是不可能的。我的问题是，创建过度效果的最有效方法是什么？ Javascript，DHTML或其他语言......

提前致谢...雷克斯......

Answer 1

雷克斯，

我认为你会发现jQuery非常有用。 jQuery是一个javascript框架，非常容易使用。 www.jquery.com

你可以用纯粹的javascript实现你的效果，但我认为你会发现使用javascript框架更容易，因为你来自动作脚本。

对于你的特定实例，我会使div绝对定位。要在鼠标悬停时显示div，您可以使用jQuery $（“＃div_id”）。show（）;在mouseout上使用.hide（）;

这是使用jQuery在事件中使用show hide的基本教程。

http://www.learningjquery.com/2006/09/slicker-show-and-hide

祝你好运！

Answer 2

您可以使用javascript来显示隐藏的div，其中包含文本。

使用javascript的onmouseover和onmouseout事件来执行此操作。

但是你尝试过使用css的href：hover属性来实现这个目的吗？