js实现的常用的左侧导航效果_javascript技巧
时间：2021-07-01 10:21:17
帮助过：3人阅读
常用的左侧导航效果，JS简单，为提高导航性能而生，各位可以 参考应用。
效果展示：
HTML:
代码如下:
JS：
代码如下:
$(".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();
}) ;
