对于导航栏的实现对于前端人员来说再简单不过了,但是如何让我们的导航看起来生动,给用户一种很高大上的感觉,却需要我们好好设计一下。今天我给大家带来的是我自己在项目中用到的一个例子,当我们鼠标滑过导航栏时li下会出现一个下划线动画效果,一起看一下具体效果是什么样子的:
jquery css实现鼠标滑过导航菜单栏动画效果
是不是很牛掰的样子,不着急,源码马上呈上来:
HTML代码
码云笔记
css代码
*{ margin:0; padding:0; list-style:none;}
.header{ width:100%; background:#3E4147;height:50px;}
.logo{float:l