在鼠標懸停和溢出時選框

Question

我在高低尋找一個教程，但找不到。

在許多網站上看到的，這確實是一個簡單的任務。
就像我有一個具有固定寬度的菜單一樣，如果我的鏈接超長，我希望隱藏溢出，並且當用戶將鼠標懸停在鏈接上時，它將隱藏其余文本。

我真的不應該在很多網站上看到這種困難。

我真的想避免使用marquee標記，而是使用javascript，但是我的javascript太可怕了，jQuery絕對不可能遵循。

有什么建議么？

Answer 1

嘗試這個：

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

訣竅是，您將需要每個容器元素具有overflow:hidden和為每個鏈接設置寬度，否則整個容器將滾動而不是每個鏈接滾動。 在我的示例中，我將每個<a>包含在<li>標記內，這些標記具有設置的寬度和overflow:hidden 。

然后，只需掛接jQuery並正確設置動畫即可。

編輯 ：修復了動畫錯誤，並使代碼更易於理解

Answer 2

只需將其添加到您的元素

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

有幫助嗎？