使用左导航效果,js简单,提高导航
性能,可以
参考应用。
效果
显示:
HTML:
复制代码代码如下所示:
衣服和包
女装男童装包
鞋饰品
饮料
女装男童装包
鞋饰品
家居建材
女装男童装包
鞋饰品
餐饮和娱乐
女装男童装包
鞋饰品
美容保健
女装男童装包
鞋饰品
教育和培训
女装男童装包
工业产品
女装男童装包
新奇特
女装男童装包
鞋饰品
项目
视频 二
三
四
五
六
七
八
JS:
复制代码代码如下所示:
$(。menu_list李)。Mouseenter(function(){)
$(。menu_box )显示();
无功nav_index = $(。menu_list李)。指数(本);
$(。menu_cont)。Eq(nav_index)(显示) / /滑动菜单对应的内容
兄弟())隐藏();
});
$(菜单)。Mouseleave(function(){)
$(。menu_box )藏();
});