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天

知道了
时时乐上海开奖结果 www.ei32.com-新彩吧图谜大全| www.8az.com-经典彩票口号| www.862282.com-体彩排列五开奖厉| www.1868.vip-q彩的邀请码是多少| www.609522.com-七星彩17o37期| www.194674.com-快三胆码公式| www.339874.com-山西省福彩-| www.310720.com-彩票归邓家管| www.680758.com-江苏福彩快三推荐| www.813981.com-快购彩平台-| www.979930.com-彩票店赊账犯法吗| www.ri19.com-快三权威软件| www.497.biz-七乐彩开奖历史重号| www.362106.com-台湾乐透彩图库| www.81yu.com-银彩通官网建行| www.4575.biz-六佥彩资料查询| www.213952.com-湖北快三人工计划| www.789379.com-皇冠竞彩对冲软件| www.746006.com-大奖彩票是大平台吗| www.1225.cn-新快三遗漏360| www.91550.com-红色好彩香烟| www.290618.com-赤峰28号快三开奖| www.386183.com-9万彩票旧版| www.680615.com-体育彩票网站建设| www.760252.com-福利彩票专家推荐| www.4317.vip-福彩43期预测| www.32302.com-易赢彩票骗了多少人| www.cp6998.com-江苏快三挣钱吗| www.665267.com-彩票金七乐走势图| www.513562.com-海南私彩头尾资料| www.47rn.com-彩票中奖会被抢吗| www.511884.com-写实彩铅人物| www.991447.com-七星彩缩水-| www.wy04.com-520彩票下载安装| www.eg44.com-湖北体彩前三直遗漏| www.0pm.com-无忧时时彩网站多少| www.4274.cm-彩票大小数规律| www.026536.com-辉煌彩票可以提现不| www.108069.com-天天中彩票怎么玩| www.212852.com-开个私彩平台多少钱| www.321189.com-36○彩票全国开奖| www.950728.com-家彩网最新双胆| www.72355.cc-福彩杀号-| www.52221.com-网上跟团队买彩票| www.062798.com-竞彩足彩预测推荐| www.96768.cc-彩票案件视频| www.562005.com-篮球滚球彩票| www.781849.com-58彩票换网址了么| www.831093.com-广州彩色纸箱| www.965166.com-福彩网1分快3真假| www.dk79.com-全民彩票玩法技巧| www.x04.com-可以试玩彩票的平台| www.73kj.com-赵云炫彩皮肤| www.2356.xyz-彩票中奖提现不了| www.75mw.com-什么彩票玩法最简单| www.8430.com-买彩票赔了很多钱| www.53631.cc-足彩竞彩网易| www.007810.com-彩票程序的原理| www.882923.com-彩票净损套利| www.984477.com-财神彩票犯法吗| www.ql62.com-立彩平台-| www.4383.org-中华彩票网安卓客户| www.485904.com-飞彩app-| www.02096.com-死在彩票上的人| www.qs51.cc-中国彩票发展史| www.14834.com-浙江体彩网电脑版| www.04xi.com-水溶性彩铅绘画作品| www.297010.com-一分快三漏洞教程| www.391199.com-163彩票网页版| www.518497.com-r8彩票是什么意思| www.653862.com-彩中堂下载-| www.751508.com-佬牛足彩20-| www.669094.com-游客彩票中奖| www.983204.com-哪里可以下载盈盈彩| www.341128.com-3d牛彩网过发过来| www.856888.cc-福彩3b字迷今天| www.931979.com-网络福利彩票合法吗| 爱购彩票www.igcp4.com| www.685097.com-幸运28时时彩计划| www.776769.com-丹彩微贷-| www.659778.com-明发彩票平台提现| www.861881.com-七乐彩红球定胆| www.368892.com-牛蛙彩历史开奖记录| www.461181.com-私彩平台案件| www.683506.com-义乌福利彩票| www.751620.com-80767九号彩票| www.836306.com-福彩专家推荐号今日| www.893179.com-屠龙勇士潘森炫彩| www.952017.com-5360彩票登录| 福利彩票www.flff3.com| www.fx58.cc-网恋彩票托| www.yr76.com-山东体彩扑克开奖| www.30kw.com-竞彩网赛果开奖| www.1509.pw-彩种开奖网源码| www.01.me-七星彩会员怎么注册| www.5859.win-彩票中了丢了怎么办| www.cp6211.com-山东福彩群英会开奖| www.408588.com-湛江七星彩投注网站| www.221284.com-新彊时时彩助手| www.88309.com-排列3预测彩吧网| www.91yq.com-彩票7码刷流水不亏| www.062830.com-淘彩票的注册码| www.958805.com-中国有哪些快三| 豪彩VIPwww.001857.com| www.qt58.com-福彩是假的吗| www.076424.com-天天体彩下载| www.2995.win-彩票3d字谜太湖| www.610389.com-体彩超值8最新中奖| www.46yo.com-福彩3d幸运选号| www.2398.pw-青蛙彩票123| www.7951.loan-五彩椒有毒吗| www.31176.cc-下载福彩双色| www.go43.com-周口订婚彩礼| www.t61.cn-大发快三杀号定胆| www.79qz.com-中国福利彩票三不同| www.81lu.com-深圳彩票事件| www.618497.com-足彩19056-| www.675091.com-足球竞彩吧-| www.034516.com-nba体彩预测| www.88934.com-帝王彩票邀请码| www.77.vip-滴滴彩怎么玩| www.351169.com-体彩输了-| 吉利彩票www.80065q.com| www.577865.com-五分彩个位必中规律| www.652625.com-乐彩走势-| www.705992.com-发彩票首页-| www.v48.net-体彩遗漏是什么意思| www.926028.com-福彩下一-| www.cai997.com-快三规则及中奖规则| www.j92.cc-深圳福彩-| www.564355.com-九万彩票软件安卓版| www.136694.com-利彩网443978| www.65wt.com-彩票该不该买房| www.wh2.cc-下载甘肃快三走势图| www.qp95.com-彩票有什么-| www.z02.shop-今晚鹤城体彩中奖号| www.0769.ren-三分快三单双预测| www.20nq.com-河北省体育彩票网| www.y10.net-开七星彩直播| www.40be.com-河北快三投注计划表| www.175908.com-瑞彩祥云-| www.75149.com-福彩刮刮乐有哪些| www.090521.com-彩票刷水赚工资| www.150278.com-期期中彩票软件| www.569571.com-彩票中奖的民事纠纷| www.090758.com-广西体彩官网首页| www.604614.com-d9彩票现在的网址| www.690586.com-宝赢彩票软件教程| www.333166.com-中彩网官方网站下载| www.808725.com-彩票头等奖-| www.1519.vip-彩票微信兑奖| www.mr53.com-哪个网站可以买快三| www.66fm.com-竞彩套路-| www.na46.com-58彩票网是黑彩吗| www.015313.com-七星彩晴予今晚荐号| www.060878.com-彩客吧是什么| www.908578.com-我要机选七星彩号码| www.984619.com-彩虹8彩票是真是假| www.ug13.com-湖北快三开奖走试图| www.62cu.com-福彩3d玩法有哪些| www.133679.com-彩票123分分彩| www.643757.com-比特币1分彩开奖| 购彩票www.c5635.com| www.208532.com-彩票led宣传语|