jquery鼠标悬停导航下划线滑出效果

本文实例为大家分享了jquery鼠标悬停导航下划线滑出效果的具体代码，供大家参考，具体内容如下

*{ margin:0; padding:0; list-style:none;}
img{ border:0;}

.header{ width:100%; background:#F5F5F5;}
.nav{ width:1000px; margin:0 auto; overflow:hidden;}
.nav ul li{ height:40px; line-height:40px; float:left; padding:10px 5px; margin:0px 5px;position:relative;}
.nav ul li a{ color:#666; font-family:'Microsoft Yahei'; font-size:14px; text-decoration:none;}
.nav ul li a:hover{ color:#000; text-decoration:none;}
.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#1FAEFF; top:58px; left:50%;}






首页
菜单导航
时间日期
焦点图
tab标签
jquery特效
相册代码
图片特效
名站特效

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。