惯用的左侧导航效果

常用的左侧导航效果

常用的左侧导航效果，JS简单，为提高导航性能而生，各位可以 参考应用。

效果展示：

HTML:

 $(".menu_list li").mouseenter(function(){ $(".menu_box").show(); var nav_index = $(".menu_list li").index(this); $(".menu_cont").eq(nav_index).show()//滑动菜单对应当前内容 .siblings().hide(); }) ; $(".menu").mouseleave(function(){  $(".menu_box").hide(); }) ;