【问题标题】:mouse over popup menu鼠标悬停在弹出菜单上
【发布时间】:2011-04-11 06:34:25
【问题描述】:

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

正常:

结束:

我认为用简单的 CSS 来创建效果是不可能的。我的问题是创建过度效果的最有效方法是什么以及如何? Javascript、DHTML 或其他语言...

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

【问题讨论】:

    标签: javascript html css xhtml dhtml


    【解决方案1】:

    您可以使用 javascript 显示一个隐藏的 div,该 div 里面写有文本。

    使用 javascript 的 onmouseover 和 onmouseout 事件来做到这一点。

    但是您是否尝试过使用 CSS 的 href:hover 属性来实现这一点?

    【讨论】:

    • 嗨,Sushil,感谢您的快速响应...我是 ActionScript 程序员,对 Javascript 了解不多,只是学习 CSS。我知道我可以添加图像/更改 bg 图像,但不知道文本....我倾向于 javascript,因为这些功能是模块化的...因为我对它很陌生...任何好的教程推荐。 .. 谢谢,雷克斯
    • 看看这篇文章是否能帮助你增加知识alistapart.com/articles/hybrid
    【解决方案2】:

    雷克斯,

    我想你会发现 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

    祝你好运!

    【讨论】:

    • 是的,同意这个。 jQuery 摇滚
    • 感谢您的回复,我正要询问有关 javasciprt/jquery 的问题...快速浏览本教程看起来就像我正在寻找的...还有一点额外...这太棒了.. . 让我们看看情况如何...谢谢,雷克斯
    猜你喜欢
    • 1970-01-01
    • 2023-03-31
    • 2016-12-20
    • 1970-01-01
    • 2022-12-19
    • 2012-12-16
    • 2012-12-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多