鼠标悬停和溢出的选框

时间:2011-11-27 06:44:56

标签: javascript html

我已经搜索过高低的教程,但我找不到。

我在许多网站上看到这是一项非常简单的任务 就像我有一个设置宽度的菜单一样,如果我的链接超长,我希望隐藏溢出,当用户将鼠标悬停在链接上时,它将覆盖文本的其余部分。

我真的不应该这么做,因为我在很多网站上看到它。

我真的想避免使用marquee标签而去寻找javascript,但我的javascript非常糟糕,并且jquery绝对无法遵循。

有什么建议吗?

2 个答案:

答案 0 :(得分:4)

试试这个:

http://jsfiddle.net/bryanjamesross/vsQFE/4/

诀窍是你需要具有overflow:hidden的单个容器元素并为每个链接设置宽度,否则整个容器将滚动而不是每个链接。在我的示例中,我在<a>个标记中包含了设置宽度和<li>的{​​{1}}个标记。

然后,只需要连接jQuery并正确设置动画。

已编辑:修复了动画错误,使代码更容易理解

答案 1 :(得分:0)

只需将其添加到元素

即可
onmouseover="this.style.overflow=''" onmouseout="this.style.overflow='hidden'

有帮助吗?