jQuery仿京东商城手机端商品分类滑动切换特效.zip资源-CSDN文库

共12个文件

js：5个

css：4个

gif：1个

版权申诉

jquery代码

jquery特效

jquery插件

127 浏览量 2023-09-23 09:57:22 上传评论收藏 77KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery仿京东商城手机端商品分类滑动切换特效.zip （12个子文件）

common.js 33KB

swiper-3.2.5.min.js 70KB

jquery.json.js 5KB

jquery-1.10.2.js 294B

ectouch.js 16KB

img

css

ectouch.css 60KB

font-awesome.4.6.0.css 283B

swiper-3.2.5.min.css 15KB

search.css 10KB

index.html 39KB

images

loading.gif 24KB

tp.png 1KB

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <meta charset="utf-8"> <title>jQuery仿京东商城手机端商品分类滑动切换特效</title> <link rel="stylesheet" type="text/css" href="css/font-awesome.4.6.0.css"> <link rel="stylesheet" href="css/swiper-3.2.5.min.css" /> <link rel="stylesheet" href="css/ectouch.css" /> <link rel="stylesheet" href="css/search.css" /> </head> <body style="max-width:640px;font-size: 14px;"> <div id="loading"><img src="images/loading.gif" /></div> <div class="con"> <div class="category-top"> <header> <section class="search"> <div class="text-all dis-box j-text-all"> <div class="box-flex input-text"> <a class="a-search-input j-search-input" href="javascript:void(0)"></a> <input type="text" placeholder="商品搜索" /> </div> </div> </section> </header> </div> <aside> <div class="menu-left scrollbar-none" id="sidebar"> <ul> <li class="active">鞋/箱包</li> <li >珠宝首饰/手表眼镜</li> <li >美妆护肤</li> <li >家用电器</li> <li >居家生活</li> <li >家具建材</li> <li >食品/医药保健</li> <li >图书音像</li> <li >手机/数码</li> <li >女装</li> <li >男装</li> <li >母婴用品</li> <li >全新整车/车品</li> </ul> </div> </aside> <section class="menu-right padding-all j-content"> <h5>鞋/箱包</h5> <ul> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />时尚女鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />坡跟凉鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />平底凉鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />高跟凉鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />坡跟凉拖</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />平底单鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />人字拖</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />国际潮牌</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />商场同款</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />国内知名</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />流行男鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />休闲鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />凉鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />拖鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />帆布鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />沙滩鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />板鞋</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />夏季新品</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />专柜同款</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />潮流女包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />真皮女包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />女士钱包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />女双肩包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />真皮男包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />斜挎男包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />男双肩包</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />旅行箱</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />限量奢品</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />真皮皮带</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />正装皮鞋88</li> </ul> </section> <section class="menu-right padding-all j-content" style="display:none"> <h5>珠宝首饰/手表眼镜</h5> <ul> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />珠宝</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />饰品</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />黄金</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />手链</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />钻石</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />项链</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />珍珠</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />手镯</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />翡翠</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />发饰</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />彩宝</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />项坠</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />玉石</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />戒指</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />铂金</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />耳饰</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />男表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />太阳镜</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />女表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />炫彩反光</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />情侣表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />近视墨镜</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />防水表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />蛤蟆镜</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />机械表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />框架眼镜</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />运动表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />ZIPPO</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />时装表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />打火机</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />陶瓷表</li> <li class="w-3"><a href="#"></a> <img src="images/tp.png" />瑞士军刀</li> </ul> </section> <section class="menu-ri

评论收藏

内容反馈

版权申诉