使用简单的html(不是html5)和css创建一个网站,但获得了鼠标悬停效果。当用户将鼠标悬停在链接上时,需要显示带有背景图像的文本。以下是一个例子..
NORMAL:
OVER:
我认为用简单的CSS创建效果是不可能的。我的问题是,创建过度效果的最有效方法是什么? Javascript,DHTML或其他语言......
提前致谢...雷克斯......
答案 0 :(得分:3)
雷克斯,
我认为你会发现jQuery非常有用。 jQuery是一个javascript框架,非常容易使用。 www.jquery.com
你可以用纯粹的javascript实现你的效果,但我认为你会发现使用javascript框架更容易,因为你来自动作脚本。
对于你的特定实例,我会使div绝对定位。要在鼠标悬停时显示div,您可以使用jQuery $(“#div_id”)。show();在mouseout上使用.hide();
这是使用jQuery在事件中使用show hide的基本教程。
祝你好运!答案 1 :(得分:0)
您可以使用javascript来显示隐藏的div,其中包含文本。
使用javascript的onmouseover和onmouseout事件来执行此操作。
但是你尝试过使用css的href:hover属性来实现这个目的吗?