本文实例为大家分享了jquery仿京东侧边栏导航的具体代码，供大家参考，具体内容如下
样式代码
jQuery代码
这里把图片的名称换成数字的，每一个图标都有两个图片， 一个白色和一个绿色的，当鼠标移动到其中一个图标处时，改变其图片使其变色，因为一共有八个图标，所以总共有16张图片。因此图片名改变为当前图片名称数字+8。
这里用的动态是slideDown与slideUp。需要注意的是要设置索引来寻找但前对象的位置（因为是在for循环里有了索引才能找到当前对象的图片的数字名称）。
布局代码
我的订单 
我的收藏 
我的优惠券 
我的足迹 
我的JImu 
- 购
- 物
- 车
- 0
微信扫码享优惠
加关注
效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
京公网安备 11010802040832号 | 京ICP备19059560号-6 