分享一个企业常用的菜单导航，黄色背景菜单的导航，显得格外大气清爽。
淘建站为您提供更多_导航菜单_滑动导航_导航菜单，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 242 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
HTML
<ul class="introduce">
<li class="brand" navindex="0"><a href="http://sucaiq.com/" target="_blank"><img src="images/lnb110_off.png" alt=""></a></li>
<li class="program" navindex="1"><a href="http://sucaiq.com/" target="_blank"><img src="images/lnb120_on.png" alt=""></a></li>
<li class="curriculum" navindex="2"><a href="http://sucaiq.com/" target="_blank"><img src="images/lnb130_off.png" alt=""></a></li>
<li class="study_effect" navindex="3"><a href="http://sucaiq.com/" target="_blank"><img src="images/lnb140_off.png" alt=""></a></li>
<li class="character" navindex="4"><a href="http://sucaiq.com/" target="_blank"><img src="images/lnb150_off.png" alt=""></a></li>
<li class="online_study last" navindex="5"><a href="http://sucaiq.com/" target="_blank"><img src="images/lnb160_off.png" alt=""></a></li>
</ul>menu.js
$(".introduce li").mouseover(function() {
var index = $(this).attr('navindex');
var targetTop = 95 + index * 29;
highlight(index);
start_move(depth2_bg, targetTop);
});
// recover
$("#navigation").mouseout(function() {
highlight(1);
start_move(depth2_bg, oldTop);
});
