本文实例为大家分享了jquery仿京东侧边栏导航的具体代码,供大家参考,具体内容如下
样式代码
rush:css;">
jQuery代码
这里把图片的名称换成数字的,每一个图标都有两个图片, 一个白色和一个绿色的,当鼠标移动到其中一个图标处时,改变其图片使其变色,因为一共有八个图标,所以总共有16张图片。因此图片名改变为当前图片名称数字+8。
这里用的动态是slideDown与slideUp。需要注意的是要设置索引来寻找但前对象的位置(因为是在for循环里有了索引才能找到当前对象的图片的数字名称)。
rush:js;">
布局代码
rush:xhtml;">
我的订单
<div class="sign sign_top">
我的收藏
我的优惠券
我的足迹
我的JImu
<div class="sign sign_top sign_add_height">
- 购
- 物
- 车