我已经搜索过高低的教程,但我找不到。
我在许多网站上看到这是一项非常简单的任务 就像我有一个设置宽度的菜单一样,如果我的链接超长,我希望隐藏溢出,当用户将鼠标悬停在链接上时,它将覆盖文本的其余部分。
我真的不应该这么做,因为我在很多网站上看到它。
我真的想避免使用marquee标签而去寻找javascript,但我的javascript非常糟糕,并且jquery绝对无法遵循。
有什么建议吗?
答案 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'
有帮助吗?