悬停效果（CSS）

-5

我想为导航链接添加悬停效果。效果：悬停时抬起一条小宽度线。我发现一个网站使用这种悬停效果，请看顶部导航。 www.ambientlounge.sg悬停效果（CSS）

任何想法如何做到这一点？

在此先感谢。 Andy

2014-11-23 Andy8333

阅读文档... – Scimonster 2014-11-23 13:38:25

我可以知道您指的是哪个文档吗？ – Andy8333 2014-11-23 14:01:07

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

只需检查CSS：hover标记上的W3Schools page即可。

你的CSS文件看起来是这样的：。

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

这将使你不顺利落于下划线如果你正在寻找做类似于网站已，然后使用JQuery的东西。

2014-11-23 13:44:41 Yulfy

感谢您的评论，我正在寻找实际的顺利落差，我该如何搜索JQuery？你有效果名称吗？ – Andy8333 2014-11-23 13:53:26

可能是[.animate（）]（http://api.jquery.com/animate/）函数。你需要知道一些Javascript或至少刷一下。这不是一个纯粹的CSS解决方案，但您正在寻找。 – Yulfy 2014-11-23 14:11:04

回答