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.2808.cc-鸿运彩票安卓版下载| www.92779.com-凤凰网买彩票| www.115123.com-19031期足彩| www.46976.com-500彩票分分彩| www.660141.com-体育彩票店铺转让网| 幸运众彩www.151376.com| www.ns29.com-上海福彩4d官网| www.02.cc-购彩顺口溜-| www.89lu.cc-808彩吧是官方吗| www.175086.com-彩票网站-| www.382301.com-京彩挂机软件怎么玩| www.568827.com-十一选五大彩鲸下载| www.6301.cm-彩铁板电动推拉门| www.495483.com-高手彩票论坛首页| www.4125.cn-彩虹5无人机价格| www.03555.com-七星彩平台赚钱吗| www.27668.com-彩票近30期开奖图| www.182052.com-快3彩票玩法| www.979757.com-快三玩法规则| www.br67.com-五分快三计划网址| www.a73.club-江苏快三带线走势图| www.171783.com-贵州福彩助手| www.821982.com-竞彩足球开奖公告| www.908568.com-七星彩电脑随机选号| www.983343.com-网上彩票投注报警| www.jl92.com-北京28彩票合法吗| www.06tu.com-彩铅星空画法教程| www.303023.com-网易彩票1分快3| www.40445.com-七星彩票今晚开奖| www.778827.com-玩彩网真假-| www.647884.com-天天快三彩票| www.cp7628.com-北京快三一定牛今天| www.560047.cc-足彩胜平负投注技巧| www.900397.com-竞彩报个人微博| www.043542.com-海南梦兆查询七星彩| www.179725.com-河北快三中奖助手| www.288661.com-福彩屠龙啥意思啊| www.382432.com-创名彩票有人带玩吗| www.7270.vip-彩虹六号枪原型| 凤凰彩票网www.855876.com| www.c54.top-百宝彩怎么玩| www.91ob.com-购彩网app邀请码| www.6623.shop-彩588平台-| www.404206.com-彩礼风俗的真相| www.526112.com-竞彩足球推荐310| www.61712.com-大胜彩票官网| www.065912.com-网赌送彩金-| www.21622.com-49号码彩票走势图| www.yz8.cc-快3彩票规则| www.667551.com-24彩球-| www.932788.com-购彩堂注册-| 126彩票网www.706126.com| www.km79.com-彩5彩票-| www.223683.com-燕赵福彩快三| www.059661.com-英国时时彩官网平台| www.dc28.com-怎么下载人人中彩票| www.i09.cn-彩经网旧板走势图| www.094202.com-福彩二十选八| www.533161.com-澳门生肖彩-| www.3fv.cc-彩票有效期多久| www.4301.win-福彩弘烁图迷| www.117816.com-体彩开奖规则和奖金| www.927832.com-国外有高频彩票吗| www.306220.com-千万彩票平台正规吗| www.943598.com-百福彩票官方网站| www.5955.top-我要看彩票开奖| www.564077.com-多彩贵州航空官网| www.349988.com-绝望时买彩票都不中| www.493733.com-开私彩平台-| www.348011.com-天津福运快三时间| www.158453.com-好彩0567靠谱吗| www.276153.com-福彩3d预测彩吧网| www.177555.cc-福彩快三3下注技巧| www.74ks.com-彩宝彩票骗人的| www.33ra.com-七星彩头尾特区| www.80jd.com-粤海七星彩论坛| www.1522.com-云彩宝彩票官方下载| www.kt37.com-快三怎么算和值| www.596.biz-总统彩票老品牌值得| www.9546.loan-超级跑马彩票| www.004593.com-哪个即时开彩| www.00ab.cc-用彩虹句子说说心情| www.007711.com-今日福彩出奖号| www.105999.com-口袋彩店二维码| www.31668.com-临渭区福彩店转让| www.8855.pro-能打印的彩票表格| www.592582.com-22彩票叫什么| www.059001.com-江苏快三辅助软件| www.pj24.cc-竞彩足球开奖详情| www.628351.com-中国电脑福利彩票网| 好运彩票www.999hy.cc| 众发彩票www.656zf.com| www.mo96.com-彩票51中彩可靠吗| www.7839.cn-职业玩彩票的人| www.24284.com-澳洲时时彩计划网页| www.gt76.com-百盈时时彩漏洞百出| www.vc46.com-体育彩票单式票| www.41zz.com-下载彩票开奖加| www.002.bid-福彩三d图库三毛| www.2778.in-手机版粤淘彩票| www.7710.cc-天下彩开奖结果表| www.895007.com-做彩票帮投违法吗| www.964297.com-七星彩奖金规则| 126彩票网www.356126.com| www.899395.com-甘肃体彩领奖| www.987431.com-多中彩彩票网| www.gc81.com-河北福彩排列7| www.8nl.com-数学家破解彩票规律| www.80553.com-足球彩票19038| www.075901.com-530彩票-| www.249766.com-c彩61app-| www.350182.com-九万彩票跑路| www.446687.com-彩票销售时间| www.523605.com-东湖社区福彩讨论区| www.9ld.com-七星彩一星期开几次| www.17710.cc-安徽快三万能| www.311329.com-红旗彩票导航| www.5518.hk-八方彩票网站源码| www.079333.com-牛蛙彩票正版四不像| www.036101.com-体彩竞技风暴| www.94yq.com-嘉年华彩票-| www.zz15.com-体育彩票图标| www.51329.com-买彩票的倍投计划| www.012014.com-黑彩有哪些平台| www.9893.in-万森彩票平台线路| www.09747.com-3d彩友沙龙-| www.59858.cc-微彩站安卓-| www.11315.cc-澳客胜负彩必发指数| www.99397.com-双色球专业玩彩分析| www.719238.com-彩吧p3图第三版| www.936888.com-七乐彩胆拖中奖规律| www.cai212.com-快三彩票软件| www.ss58.cc-彩票乐全天实时计划| www.610082.com-世界杯7比1彩票| www.699206.com-双色球彩民村| www.123427.com-快三怎样追号| www.665594.com-七乐彩是全国销售吗| www.759532.com-福利彩票票样| www.889929.com-旭辉研彩软件破解版| www.948311.com-彩票哪个奖金高| www.999978.cc-大乐透走势图彩民村| www.og1.com-甘肃快三开奖今天的| www.ol75.com-极速彩票网址大全| www.517666.com-新胜彩票-| www.hg08.com-甘肃快三福利彩票| www.dk27.com-福彩老师-| www.4se.cc-买彩票怎么看懂| www.98mj.com-怎么下载江苏快三| www.111093.com-福建彩票中奖排行| www.332502.com-黑彩十大排名| www.440061.com-邯郸银行员工买彩票| www.478803.com-彩通官网折叠椅| www.38913.cc-一分赛车彩票技巧| www.25498.com-彩庫寶典ios| www.77274.com-众博彩票软件下载| www.639049.com-体彩审批手续| www.749738.com-分分彩票软件下载| www.808930.com-彩票开将号-| www.679078.com-彩麒麟植物养殖方法| www.752757.com-幸福彩推荐号码| www.857911.com-怎么在店里买彩票| www.898892.com-王牌彩票是真的吗| www.947353.com-彩票辅助工具下载| www.365758.cc-彩铅自学哪本书好看|