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天

知道了
百盈PK10 www.118951.com-网易福利彩票预测| www.823768.com-中国体彩360| www.g44.top-今晚七星彩开吗| www.29176.cc-手机上咋买彩票| www.174707.com-中国福彩快三下载| www.044321.com-彩票快三开奖号码| www.64hd.com-竞彩中什么叫交叉盘| www.2006.hk-彩虹6号加速器节点| www.635967.com-彩虹6号围攻美图| www.998451.com-彩票官网投注中心| www.5358.win-怎么样从网上买彩票| www.68ec.com-竞彩足258-| www.079896.com-福彩双色球的玩法| www.xi29.com-陇南市福彩中心| www.584288.com-在平台上买彩安全吗| www.755044.com-968分分彩-| www.ky59.com-福彩3冂-| www.y56.club-福利彩票主任鲍学全| www.6854.xyz-无嘴好彩图片| www.77521.cc-必赢彩票相关新闻| www.123232.com-欢乐彩app官网| www.274203.com-三分快三的规律| www.92ka.com-彩票代打平台群| www.130487.com-七星彩软件手机版| www.h19.xyz-旺彩双色球专家预测| www.071766.com-体育彩票前景| www.872692.com-双色球彩迷图下载| www.bw62.com-福彩快3技巧| www.37361.cc-酷彩app苹果下载| www.357567.com-中彩票之后离婚| www.el52.com-众彩网专家推荐| www.336377.com-微信提现彩票| www.158436.com-体彩北单是什么意思| www.6491.xyz-彩票界的黑平台| www.055265.com-送彩金平台-| www.226397.com-彩票计划群图啥| www.0366.cm-777福彩双色社区| www.586940.com-微彩彩票代理| www.814811.com-彩票和值跨度表| www.cp7597.com-河北快三助手免费版| www.4321.in-彩票投资公司| www.954201.com-苹果时时彩下载| www.748731.com-cp中彩-| www.cai1088.com江苏快三是骗局吗| www.623565.com-口碑最好的彩票平台| www.px09.com-58彩票官方网址| www.18126.com-广东天空彩-| www.0318.date-彩虹的约定歌词儿歌| www.4el.com-中2亿福利彩票| www.02434.com-酷彩吧试玩-| www.087917.com-彩运网平台下载安装| www.358833.com-天天乐彩票网登录| www.739844.com-132彩票网-| www.984434.com-彩八彩票合法吗| www.725602.com-网上彩票是合法的吗| www.511154.com-彩虹天堂是什么意思| www.492788.com-彩票店关店-| www.636862.com-传统彩网址-| www.63aw.com-体育彩票怎么看开奖| 彩之家www.27czj.com| www.537159.com-带七彩的网名| www.579721.com-金祥彩票v1手机版| www.df42.com-吉林快三预测计划| www.0025.online是几个数彩票| www.770256.com-好彩四味爆珠评测| www.128028.com-彩虹宝宝儿歌| www.058900.com-机选彩票中奖率| www.059764.com-微信拉人玩彩票套路| www.667286.com-体彩福彩中奖号| www.630352.com-三d东盛彩报3| www.120223.com-燕赵福彩官网首页| www.ia66.com-彩票害人为什么不禁| www.8202.top-辉煌彩票怎么升级快| www.178502.com-新彩吧3d字谜| www.569623.com-福彩三地字谜牛材网| www.04ln.com-彩天地娱乐app| www.75791.com-七星彩大赢家走势图| www.803655.com-牛彩藏图正版藏机图| www.xv99.com-苏州福彩快三| www.4843.xyz-彩票app6-| www.873907.com-广州福彩中心| www.379251.com-五分⑥和彩技巧| www.ey33.com-709彩票app-| www.129927.com-福彩055dcc-| www.350728.com-鑫易贴彩膜软件| www.356497.com-中国竞彩联盟app| www.912553.com-彩客网是合法吗| www.287819.com-购彩大厅江苏快三| www.x04.com-可以试玩彩票的平台| www.149522.com-快三助手免费下载| www.85619.cc-怎么求仙家中彩票| www.ct19.com-黑彩平台排行榜| www.39dn.com-修武彩票6000万| www.24jz.com-好彩投28官网| www.360229.com-河南福彩豫彩通| www.105.net-泉州体彩网-| www.mo00.com-澳洲时时彩开奖记录| www.796283.com-网上彩票有挣钱的吗| www.940838.com-幸运快三开奖不一样| www.682590.com-新彩吧红五图库| www.1226.date-易悠快三-| www.09978.cc-51彩票网-| www.050999.com-pk彩吧下载-| www.254022.com-外围球彩app| www.e69.top-七乐彩500走势| www.963404.com-十五选五彩乐乐预测| www.395474.com-星期六开啥彩票| www.639954.com-彩票老师一对一辅导| www.764829.com-彩票网站制作有哪些| www.947387.com-彩吧中国-| www.277536.com-你的名字叫无敌快三| www.aq66.com-双色球贵州中奖彩票| www.36265.com-彩友吧论坛-| www.871601.com-博牛彩票靠谱吗| 发彩www.50732h.com| www.527658.com-足彩8串9怎么中奖| www.650633.com-云南时时采彩走势图| www.769881.com-彩票合买的正规网站| www.949752.com-快三最后一班车几点| www.cp3232.com-新快三合不合法| www.bm.cc-快3彩票倍投技巧| www.qo2.cc-松原体彩中心网站| www.ad4.cc-中国福彩江苏快三| www.49423.com-足彩app排行榜| www.wr1.com-众彩网牛材网| www.4495.site-彩票中奖捐款捐多少| www.50252.com-彩票搭建视频| www.026954.com-八度彩票官方网站| www.147596.com-微信彩票扫码兑奖| www.724861.com-中彩彩票在哪里| www.799000.com-时时彩后三稳赚技巧| www.747211.com-平台彩票-| www.840791.com-儿童彩妆套装| www.920800.com-七彩彩票-| www.976294.com-聘礼和彩礼的区别| www.cai591.com-快三技巧选号口诀| www.kf08.com-福利彩票兑奖时间| www.yb22.com-世界杯足彩停了零食| www.13bc.com-凤凰彩票什么网址| www.578161.com-世界杯体彩兑奖期限| www.663131.com-七乐彩app下载| www.746877.com-有知道酷彩吧的吗| www.818796.com-体彩14场-| www.885732.com-彩票开奖源是什么| www.949856.com-大彩网电脑版| www.989068.com-快三合肥-| www.ez6.com-类似吉林福彩快3| www.k81.net-快三屠龙最多几个字| www.896855.com-分分彩长龙-| www.890897.com-快三单式查询| www.974057.com-福彩刮刮卡中奖图片| www.cai2016.com河北快三一定牛| www.yr89.com-吉林省彩票中心地址| www.25nd.com-淘宝彩票网合法的吗| www.550.in-七乐彩开獎号| www.3632.cn-哪个app能买篮彩| www.8378.bid-福彩三地杀码最准| www.18003.com-彩票赔率怎么算| www.55449.cc-彩博士-| www.982542.com-福彩头奖兑奖流程| www.xz24.com-韩国快三是真的吗| www.5328.vip-月亮彩票-| www.37js.com-彩票搅珠机-| www.824299.com-七星彩分析预测|