首页  >  文章  >  web前端  >  jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果_jquery

jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果_jquery

WBOY
WBOY原创
2016-05-16 17:35:241962浏览

在网站建设中,特别是做商城和产品网站,通常会用到导航弹出菜单,像是jquery写的仿京东导航菜单,一个经典的左侧多级导航菜单,学会了可以任意改变布局。京东菜单已经有不少JS前端爱好者仿写过,今天蚂蚁网络重新与大家分享一款仿京东商城的商品多级分类菜单,精简版代码
先看下jquery仿京东导航效果:



前端html代码如下:

复制代码 代码如下:





js代码:
复制代码 代码如下:



效果图如下,



jQuery仿京东左侧菜单效果,适合商城产品导航,这里没有做的那么细,只是使用CSS结合jQuery完成了菜单的简单效果,如果需要美化,请您在实际应用中自己搞一下吧,兼容性非常不错的,欢迎大家使用。
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn