2014-11-23 170 views
-5

我想爲導航鏈接添加懸停效果。 效果:懸停時擡起一條小寬度線。 我發現一個網站使用這種懸停效果,請看頂部導航。 www.ambientlounge.sg懸停效果(CSS)

任何想法如何做到這一點?

在此先感謝。 Andy

+0

閱讀文檔... – Scimonster 2014-11-23 13:38:25

+0

我可以知道您指的是哪個文檔嗎? – Andy8333 2014-11-23 14:01:07

+0

任何文檔。例如MDN。 – Scimonster 2014-11-23 14:36:57

回答

0

只需檢查CSS:hover標記上的W3Schools page即可。

你的CSS文件看起來是這樣的:。

.element:hover{ 
    border-bottom: 3px solid grey; 
} 

這將使你不順利落於下劃線如果你正在尋找做類似於網站已,然後使用JQuery的東西。

+0

感謝您的評論,我正在尋找實際的順利落差,我該如何搜索JQuery?你有效果名稱嗎? – Andy8333 2014-11-23 13:53:26

+0

可能是[.animate()](http://api.jquery.com/animate/)函數。你需要知道一些Javascript或至少刷一下。這不是一個純粹的CSS解決方案,但您正在尋找。 – Yulfy 2014-11-23 14:11:04