QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery选项卡图片滚动切换代码

原创商用 jQuery选项卡图片滚动切换代码

jQuery制作黑色实用的衣服图片展示选项卡形式图片滚动切换样式代码。这是一款适用于商城图片展示选项卡代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link type="text/css" href="css/style.css" rel="stylesheet" />

2、head引入js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="tab-pic" style="margin:0 auto"> 

	<ul class="tag-nav"> 
		<li class="tag-s1"><a href="#">羽绒服/棉服</a></li> 
		<li class="tag-s2"><a href="#">针织衫/毛衣</a></li> 
		<li class="tag-s3"><a href="#">呢大衣/厚外套</a></li> 
		<li class="tag-s4"><a href="#">下装</a></li> 
		<li class="tag-s5"><a href="#">童装</a></li> 
		<li class="tag-s6"><a href="#">鞋包/配饰/内衣</a></li> 
		<li class="tag-s7"><a href="#">家居/美容/保健</a></li> 
	</ul> 
	
	<div class="tag-clip"> 
		<div class="piclist"> 
			<ul> 
				<li><a href="#"><img src="images/1.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.5.jpg" /></a></li> 
			</ul> 
			<ul> 
				<li><a href="#"><img src="images/2.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/2.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/2.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/2.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/2.5.jpg" /></a></li> 
			</ul> 
			<ul> 
				<li><a href="#"><img src="images/3.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/3.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/3.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/3.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/3.5.jpg" /></a></li> 
			</ul> 
			<ul> 
				<li><a href="#"><img src="images/1.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.1.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.1.jpg" /></a></li> 
			</ul> 
			<ul> 
				<li><a href="#"><img src="images/1.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.2.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.2.jpg" /></a></li> 
			</ul> 
			<ul> 
				<li><a href="#"><img src="images/1.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.3.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.3.jpg" /></a></li> 
			</ul> 
			<ul> 
				<li><a href="#"><img src="images/1.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.4.jpg" /></a></li> 
				<li><a href="#"><img src="images/1.4.jpg" /></a></li> 
			</ul> 
		</div> 
	</div> 
	
</div> 

<script type="text/javascript">jQuery(".tab-pic").slide({ titCell:".tag-nav li",mainCell:".piclist",effect:"left",easing:"easeInOutSine",delayTime:800 });</script>  
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
亚洲28 www.gh76.com-1分快三官网| www.963599.com-竞彩足球.500w| www.699930.com-中华彩票是不是假的| www.62cu.com-福彩3d玩法有哪些| www.778284.com-88彩票网官网| www.57425.com-星彩无惨漫画桃屋猫| www.226821.com-快三什么游戏| www.365786.com-彩铅头发阴影怎么画| www.j23.shop-彩票哪个奖最容易得| www.82bg.com-竞彩单场比分规则| www.6158.bid-黑马人工彩票计划| www.33414.cc-福建福彩兑奖中心| www.076957.com-韩国彩票开奖查询| www.663473.com-乐彩彩票是真的假的| www.176605.com-福彩快三口诀表| www.19882.com-彩e通邀请码| www.32723.com-今日足球竞彩让胜负| www.771870.com-最正规的时时彩平台| www.cai737.cc-快三计划软件手机版| www.730646.com-易彩网大乐透| www.866296.com-体彩481任选一| www.hx16.com-湖北快三最大遗漏值| www.0sw.com-天福购彩app| www.68vk.com-青岛市福彩养老| www.1962.top-王牌的彩票软件| www.8520.cm-福利彩票二维码| www.060690.com-红宇体彩店怎么样| www.915004.com-彩界的精英双胆| www.984929.com-福彩双色球腾讯网| www.rx96.com-五分快三彩票怎么玩| www.05ak.com-福彩快三中奖奖金| www.0884.top-易彩开奖-| www.324698.com-体彩排列三诗迷| www.33186.com-吉林快三28期| www.7295.biz-小米彩虹5号电池| www.955353.com-体育彩票售票点| www.423856.com-下载彩虹地界| www.518861.com-乐米彩票软件靠谱| www.327102.com-福彩七乐彩几个中奖| www.55ds.com-体育彩票怎么提点| www.yi12.com-手机哪里可以买快三| www.2509.vip-彩乐高手网-| www.36160.com-下载1216彩票| www.609316.com-牛彩彩票合法吗| www.bg80.com-辉煌彩票app| www.34hk.com-多乐彩票下载安装| www.695337.com-体彩篮球投注规则| www.771077.com-时时彩万个龙虎预测| www.833340.com-8亿彩票苹果版| www.86153.com-老版彩票360开奖| www.110578.com-七星彩二字现比率| www.299643.com-下载中彩6-| www.667511.com-江苏快三昨天开奖| www.775133.com-k彩彩民福路线测试| www.850448.com-网上大发快三能玩吗| www.926191.com-七星彩澳客网预测| www.974764.com-彩票新闻双色球| www.cp0032.com-福彩快三助手免费版| www.298560.com-北京5分彩开奖纪录| www.567459.com-福利彩票42-| www.378546.com-彩虹六号电脑壁纸| www.953586.com-胜负彩直播比分直播| 8816彩票www.8816z.com| www.000282.com-专业玩彩吴先生| www.615377.com-七星彩怎样选号| www.365180.cc-中信彩票平台网站| www.89gi.com-中国体彩竞猜胜负| www.001800.com-双色球彩托真实故事| www.109115.com-金利彩票会给钱吗| www.368133.com-彩铅上色-| www.9866.la-彩票代购网站制作| www.670558.com-新时时彩开奖| www.804356.com-必发指数中国足彩| www.353078.com-公务员能否买彩票| www.60qy.com-今晚彩票3d图纸| www.1894.com-快三的计算公式| www.211086.com-随州论坛快三论剑| www.838918.com-新浪爱彩首页官网| www.893912.com-爱投彩票是什么东西| www.950703.com-如何在微信上买彩票| www.989237.com-福彩快三诈骗手法| www.ci9.com-官方彩1分快3| www.67gs.com-分分彩龙虎技巧稳赢| www.915080.com-湖北体彩网开奖结果| www.55677.cc-手机彩票网站建设| www.811335.com-彩票双色球选号秘诀| www.nt02.com-大连福彩中心| www.260652.com-福彩在线是赌博吗| www.tm04.com-体彩排列三玩彩老头| www.82wz.com-888123彩票网| www.rv41.com-博牛彩票怎么样| www.967872.com-彩芽冰华-| www.44086.com-中彩在线这个软件| www.029767.com-彩吧论坛首页| www.hz46.com-沉迷彩票的危害| www.284648.com-时时彩牛牛计划| www.275750.com-云南时时彩官方网站| www.42lj.com-唯彩会下载2016| www.197980.com-卖体彩一-| www.1790.in-外围彩票网站合法吗| www.28255.cc-吉祥彩票合法吗| www.618489.com-如何看体彩中奖没有| www.696335.com-乐米彩票官网平台| www.771365.cc-彩虹6号手游| www.833887.com-福利彩票快三软件| www.916565.com-平台私彩属于诈骗吗| www.974476.com-腾讯分分彩新手玩法| 博友彩www.876312.com| www.er21.com-吉林快三全天计划网| www.397208.com-中彩网高手社区| www.jw73.com-客彩网-| www.97781.com-彩光嫩肤美容| www.7pl.com-体彩的门头要求| www.578979.com-新疆时寸彩开奖号码| www.201123.com-七星彩没人敢买了| www.27915.cc-足彩负其他什么意思| www.fo92.com-彩乐乐专家杀号| www.669704.com-七位数是什么彩票| www.651335.com-水彩-| www.609261.com-旧版彩客网客户端| www.eo70.com-大快三下载-| www.86139.cc-彩涂铝板的用途| www.288157.com-购彩网主页-| www.485902.com-买五分彩技巧| www.373296.com-伯乐彩app-| www.677389.com-彩钢瓦围墙公司| www.205602.com-快三开奖结果网易| www.960.org-彩票平均遗漏值越大| www.337930.com-软件上买彩票靠谱吗| www.719761.com-吉林省体育彩票管理| www.18jz.com-买彩票如何选号| www.2025.tv-彩票大只500登录| www.379656.com-老幻想中彩票| www.664148.com-农行福彩306定投| www.924713.com-中国彩票第一大奖| 中彩网www.71233l.com| www.923325.com-彩票店几点营业| 688彩票www.030.la| www.357977.com-彩票计算机技术| www.456238.com-彩票窦-| www.536276.com-香港买的彩票中奖了| www.773930.com-境外时时彩网| www.888182.com-爱乐彩11选5| www.c8.net-彩票开奖查询七星彩| www.645199.com-七乐彩秘籍-| www.755484.com-旺彩福彩3d下载| www.735157.com-玩彩票得多少本金| www.941845.com-快三数学概率题| www.cai3766.com中原风彩22选5| www.v88.cn-快三彩票高手在线| www.672684.com-今日3d福彩开机号| www.912939.com-彩票俱乐部怎么赚钱| www.lu99.cc-时时彩软件开发| www.17lc.com-七乐彩2等奖是多少| www.220225.com-腾讯彩票pc28| www.805299.com-网球彩票-| www.383598.com-重庆微信时时彩群号| www.470936.com-六台彩迷宫乐极生悲| www.539603.com-内蒙快三出豹子规律| www.627635.com-开通福彩3α| www.685532.com-时时彩官方公告| www.751224.com-彩票巴巴网址| www.365497.cc-彩富天下-| www.431368.com-凯利方差算足彩概率|