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.1121.tv-竞彩半全场玩法| www.ew29.com-休彩票开奖号吗| www.622225.com-福彩乐透型开奖结果| www.562177.com-福利彩票去哪买| www.013878.com-七星彩跨度-| www.022934.com-体彩各种玩法介绍| www.js30.com-新彩计划app| www.aj03.com-特区彩票网-| www.241746.com-七星彩票玩法说明| www.313617.com-幸运彩票有几种版本| www.2507.shop-体彩排三双彩图| www.965679.com-彩61破解-| www.bj55.com-快乐彩跨度走势图| www.uz77.com-福彩真精华布衣2| www.545555.com-三十选七七乐彩| www.yr71.com-有没有澳门福彩快三| www.b25.online-贵州快三跨度走| www.55091.com-晶彩靓妍美白祛斑霜| www.660112.com-河南福彩网快三| www.226020.com-酷彩吧可以买彩票吗| www.440449.com-大乐透彩票购买时间| www.882334.com-078彩票合法吗| www.58568.com-彩拾彩票软件| www.103754.com-体彩排列三定胆方法| www.046363.com-体彩简单申请书| www.358115.com-我破译了彩票| www.822105.com-竞彩足球500万| www.938351.com-彩票研究网-| www.998955.com-永乐彩票假不假| www.ia54.com-彩票中怎么弄容错| www.266588.com-福彩3d黑圣手图| www.15vs.com-体彩如何经营| www.91047.com-好彩多少钱-| www.210389.com-安徽省福彩快三| www.295845.com-体彩排列三字谜| www.802588.com-彩票小狂人五码复式| www.965647.com-买彩票哪个软件好| www.6gy.com-大乐透彩票投注| www.587151.com-今天的七星彩开奖公| www.716859.com-彩铅梦幻鹿-| www.805045.com-手机彩票网站源码| www.882756.com-彩票对冲套利靠谱吗| www.957238.com-彩吧论坛首页丨| 500彩票www.26299c.com| www.238693.com-创名彩票是真是假| www.072508.com-快三专家杀号定胆| www.16rt.com-彩票机没有信号| www.388713.com-福彩八卦-| www.323278.com-蓝彩竞猜-| www.111268.com-淄博福彩3d交流群| www.200356.com-132彩票app-| www.275529.com-4十1彩票-| www.587831.com-万彩吧246-| www.709728.com-七天彩苹果版| www.810983.com-竞彩单场比分奖金| www.897029.com-八八彩票捷豹| www.985450.com-足彩不中反-| www.ia47.com-容错个数彩票| www.798471.com-精彩足球-| www.901930.com-怎么开黑彩网站| www.970864.com-彩票梦兆查询| www.cai6244.com河北快三开奖爱彩乐| www.54542.com-怎么样网投彩票| www.00uj.com-体彩3等奖-| www.019119.com-牛彩票网址www| www.84rv.com-体育彩票足彩怎么玩| www.004915.com-彩票开奖查询35期| www.119306.com-亿彩彩票钱提现不了| www.213038.com-时时彩网站信誉| www.660355.com-金福彩票网手机登录| www.01288.cc-申航彩票计划员| www.61653.com-皇都彩票平台提款| www.020603.com-精彩十分玩法图片| www.091781.com-大联盟彩票取款失败| www.pk18.com-彩经网首页-| www.07tr.com-福彩三第近期开奖号| www.79oo.com-彩票开奖大全体彩| www.cp7997.com-北京快三投注| www.826043.com-今日彩票必中号码| www.922102.com-678彩票网怎么样| www.988772.com-快三投注第一网站| www.wy2.cc-双彩论坛首页| www.tb12.com-彩票分哪些种类| www.1if.com-福彩3d字谜85期| www.474.tv-凤凰彩票2320| www.8lc.cc-黑彩哪里有-| www.88nk.com-广西体育彩票开奖| www.006238.com-福彩今天3d出奖号| www.695995.com-今日竞彩结果| www.778108.com-购彩计划-| www.964243.com-竞彩足球胜平负结果| www.434944.com-荣耀彩票送39| www.400168.cc-哪里有在买彩票的| www.033560.com-七乐彩走势图表大全| www.618394.com-体彩福彩区别| www.692306.com-泰国的彩票哪里兑现| www.762700.com-福利彩票20选5| www.829151.com-c9999彩票平台| www.897744.com-福彩专业彩吧| www.971085.com-福彩刮刮奖骗局| www.du61.com-利赢大发彩票主页| www.uw83.com-q彩网怎么下载安装| www.12fw.com-所有幸运彩票网站| www.69vl.com-4scc彩票现场直| www.0465.net-彩绳怎么编头发一起| www.789288.com-足彩返还率怎么算| www.0233.com-牛材网彩票指南报纸| www.6780.in-彩6app下载苹果| www.171167.com-体彩排列五开奖| www.335545.com-彩票弃奖报道| www.442866.com-3d彩票计划-| www.553898.com-nba体彩竞猜网| www.609177.com-乐游彩票官网下载| www.667308.com-武汉福彩中心总部| www.736787.com-中囩彩吧更懂彩民| www.798135.com-海南省福利彩票官网| www.79571.com-福彩福建15选5| www.044744.com-彩票图今天三的| www.392116.com-体彩手机在线无法| www.270396.com-500彩苹果版下载| www.826683.com-彩吧彩票骗局平台| www.897481.com-中国体彩足球竞彩| www.971816.com-彩票248官方| 金凤凰彩票www.404677.com| www.637162.com-彩虹六号安卓版| www.1999.live-幸运5星彩走势图| www.419077.com-体育彩票宁波网点| www.337577.com-福彩开奖查讯| www.404013.com-福彩公益广告语大全| www.7381.loan-入驻懂球帝足彩专家| www.503648.com-娜彩婚纱-| www.dn5.cc-牛彩票-| www.935670.com-预测彩票软件| www.987202.com-广西福彩兑奖服务处| www.wv5.com-河南快三遗漏号| www.36zx.com-七星彩纪橙-| www.396425.com-中国彩票太假| www.505692.com-周银鹤六爻测彩| www.555324.com-彩哥计划官方| www.647976.com-湖南时时彩官网| www.503181.com-京东快彩可以赚钱吗| www.221664.com-跑马彩票3分钟骗局| www.318046.com-中国福彩钱怎么分配| www.956017.com-深圳程序员破解彩票| www.ei1.com-快三屠龙是什么意思| www.976543.com-彩票开奖彩票开奖| www.ps13.com-买珠江彩票真的赚吗| www.26999.com-新2彩是不是黑网址| www.33747.com-快频彩套路-| www.213708.com-神彩网站-| www.297423.com-大发快三能赢钱吗| www.365498.cc-七乐彩查询结果| www.270539.com-2019年彩票开奖| www.332589.com-幸运彩票平台多久了| www.391775.com-星耀国际彩票安全吗| www.476444.com-福盈门彩票网可信吗| www.553779.com-足彩比赛腰斩怎么算| www.815818.com-彩吧图库香港报| www.297613.com-彩票基本常识| www.380570.com-体彩苏宁智慧门店| www.507612.com-福彩开将结果查询| www.636860.com-传统彩计划-| www.718581.com-什么是彩虹男| www.779270.com-彩票开户ok168|