jQuery
导航栏上下滑动效果
jQuery实现导航栏上下滑动效果,鼠标离开菜单后,导航自动回复原状,兼容主流浏览器。jQuery网站导航上下滑动
滑动效果
<div id="navigation" class="class100 active">
<div style="top: 124px;" class="depth2_bg" id="depth2_bg"></div>
<h2 class="depth1Title introduce"><img src="images/h2_lnbtitle1.gif" alt="NE KIDS"></h2>
<ul class="introduce">
<li class="brand" navindex="0"><a href="http://sc.chinaz.com/" target="_blank"><img src="images/lnb110_off.png" alt=""></a></li>
<li class="program" navindex="1"><a href="http://sc.chinaz.com/" target="_blank"><img src="images/lnb120_on.png" alt=""></a></li>
<li class="curriculum" navindex="2"><a href="http://sc.chinaz.com/" target="_blank"><img src="images/lnb130_off.png" alt=""></a></li>
<li class="study_effect" navindex="3"><a href="http://sc.chinaz.com/" target="_blank"><img src="images/lnb140_off.png" alt=""></a></li>
<li class="character" navindex="4"><a href="http://sc.chinaz.com/" target="_blank"><img src="images/lnb150_off.png" alt=""></a></li>
<li class="online_study last" navindex="5"><a href="http://sc.chinaz.com/" target="_blank"><img src="images/lnb160_off.png" alt=""></a></li>
</ul>
</div>
本站资源仅限于学习研究,严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!