2011-11-27 52 views
2

我搜索了一个教程的高和低,但我找不到一个。鼠标悬停和溢出字幕

这真的是一个简单的任务,我看到很多网站。
非常像我有一个菜单,具有设置宽度,如果我的链接超长,我想溢出隐藏,并且当用户鼠标悬停链接时,它会选取其余的文本。

这真的不应该是这个难点因为我在很多网站看到它。

我真的很想避免使用选取框标签,而不是使用javascript,但是我的javascript非常可怕,jquery是绝对不可能遵循的。

有什么建议吗?

+3

您可以按照jQuery的Twitter上! http://twitter.com/jquery – Paulpro

+0

@PaulPRO不是你热闹的。 –

+0

http://stackoverflow.com/questions/835684/marquee-text-when-text-overflows – tekknolagi

回答

0

只需添加到您的元素

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

有没有帮助?

+0

无法让它工作.... o.O 想让我看看jsfiddle吗? –

4

试试这个:

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

的技巧是,你将需要单独的容器元素与overflow:hidden并为每个链接设置宽度,否则整个容器将滚动,而不是每一个环节。在我的示例中,我包含里面的<li>标签,其中有设置宽度和overflow:hidden

然后这只是一个正确的连接jQuery和动画的问题。

编辑:固定动画的错误,并做了一下代码更易于理解

+0

gee wizzz ..那绝对是个辉煌。尽管jquery超级难用,我会尽我所能来实现代码。 –

+0

让我看看如果我不能让jQuery更容易理解 – rossipedia

+0

用整个难度来解释jquery的东西,你如何控制滚动的速度?我发现第二个链接的滚动速度比第三个链接慢......是否意味着要做到这一点? –