将鼠标悬停在弹出菜单上

Question

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

正常：

过度：

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

在此先感谢...雷克斯...

Answer 1

雷克斯

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

您可以使用纯JavaScript来达到效果，但是我想您会发现使用javascript框架要容易得多，因为您来自ActionScript。

对于您的特定实例，我将使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，该div的内部写有文字。

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

但是，您是否尝试过使用CSS的href：hover属性来实现这一目标？