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天

知道了
1分快三 www.152720.com-36码青蛙彩票网站| www.297572.com-v8彩票苹果版| www.387989.com-华彩彩票是什么| www.552676.com-快三赚钱合法吗| www.653319.com-好彩客网页版| www.751726.com-世界杯的足彩| www.840883.com-彩票中奖到哪里领| www.911362.com-福彩与慈善讲座心得| www.974899.com-军人买彩票是否违法| www.lc11.com-金山彩票app| www.r82.org-彩票弃奖如何使用| www.55zd.cc-超级赛车彩票怎么看| www.0764.xyz-河北彩民中1.2亿| www.9459.top-美国买彩票-| www.53792.cc-南国彩票梦册| www.005082.com-彩民红高手论坛| www.082438.com-正规买快三的软件| www.158727.com-龙江体彩大乐透| www.287158.com-体彩申请书-| www.379232.com-体彩排列五最新开奖| www.509873.com-易玩网567彩票| www.587695.com-彩票32app-| www.666259.com-航天彩虹为什么不涨| www.751698.com-手机打彩票有法律吗| www.829900.com-大师双色球qq彩票| www.907978.com-七星彩好中吗| www.975860.com-驻马店娶媳妇彩礼| www.lx14.com-甘肃好彩快三| www.s28.club-精彩十分5d直选| www.52rc.com-贵阳彩票11选五| www.0473.pw-彩票1216con| www.8911.biz-金全球额最大的彩票| www.49759.com-足彩加软件-| www.96846.com-足球竞猜新浪爱彩| www.072778.com-世界彩票巨奖排行榜| www.149062.com-下载彩乐彩票网| www.276956.com-福彩动物总动员规律| www.367985.com-七星彩番外-| www.470755.com-华彩赢家中奖率高吗| www.560622.com-下载棋牌送彩金| www.635263.com-七彩假期评选方案| www.761942.com-极速时时彩能玩吗| www.855676.com-湖北福利彩-| www.926339.com-瑞彩祥云属于黑彩吗| www.985553.com-彩票虚拟投注| www.cp8148.com-易彩快三大小单双| www.og51.com-河南省福彩中心| www.04.cc-三亚私彩举报| www.70sf.com-华人娱乐彩测速| www.1257.vip-支付宝彩票合买大厅| www.9499.online彩票不赔的买法| www.52757.cc-七彩山鸡蛋-| www.97533.cc-fu福彩二等奖| www.062925.com-重庆时彩下载| www.171076.com-大发快三怎么破解| www.259477.com-吉林快三单期计划| www.333913.com-体育彩票几位数组成| www.411917.com-随州论坛快三论剑| www.518876.com-彩票有人为控制吗| www.589925.com-海南今天七星彩规律| www.665686.com-宁海梅林体彩店| www.742395.com-俄罗斯彩蛋-| www.814972.com-福彩p3开奖-| www.889502.com-七乐彩大发-| www.9191.cn-网上买新加坡彩票| www.365701.cc-油溶性彩铅和水溶性| www.903568.com-福彩3d投注站| www.963233.com-彩铅画山水画| www.62350.com-全民福彩传销| www.084210.com-彩票下载ios| www.150456.cc-快三和值买法| www.240165.com-五分彩万预测公式| www.307907.com-派彩官网11选五| www.377780.com-拿了彩礼不给嫁妆| www.548821.com-yy彩票官方-| www.655376.com-哪里可以买江西快三| www.755028.com-手机一定牛买彩票| www.857636.com-彩之源是正规平台吗| www.912375.com-国家授权购彩| www.967629.com-领军彩票导师微信| www.gs37.com-彩票481开奖| www.xx80.com-网赌彩票买大就输| www.19sv.cc-点击精彩内容一起色| www.423.xyz-256苹果版彩票| www.4033.biz-炫彩粒子怎么弄字| www.9440.loan-14场胜负彩一等奖| www.62548.com-极速一分彩开奖| www.020874.com-彩票本期开奖号码| www.090277.com-众彩易购app| www.154286.com-足彩单关历史走势| www.262914.com-江苏快三预测推荐表| www.350420.com-福彩门户d39us| www.427155.com-彩娱乐可靠吗| www.520818.com-大发快三交流群| www.588739.com-今晚上七星彩开什么| www.659113.com-2元3d彩票网开奖| www.788077.com-结婚谈彩礼技巧| www.860537.com-彩788com-| www.920868.com-福彩15选5开奖| www.975911.com-洛阳彩礼一般多少钱| www.bu60.com-彩63彩票app| www.sn86.com-在线下载时时彩平台| www.08yy.cc-中奖彩票店主没了| www.73wn.com-福彩3地开奖广播| www.0981.cm-粤彩网合法嘛| www.8629.in-英博彩票app| www.37819.com-彩票赢家网-| www.79375.cc-福彩十二选52选五| www.026760.com-体育彩票下期预测号| www.097518.com-福彩3d生肖幸运号| www.157123.com-江苏省福彩中心在哪| www.282786.com-高手彩坛网-| www.362772.com-彩票少一个角| www.444503.com-竞彩比分3串1| www.530383.com-幸运彩票助手下载| www.630076.com-金阳彩票乐娱平台| www.694281.com-中体彩唯一官网| www.765477.com-海南七星彩神算子| www.868121.com-南国彩票开奖结果| www.980619.com-彩票站怎么加盟| www.cp0996.com-最精准快三计划平台| www.kr63.com-湖北快三开奖结| www.a28.pw-九千万彩票首页| www.22bt.com-梦到彩票号码不能说| www.798.org-七乐彩杀号集锦5| www.7110.net-多赢在线彩票app| www.35033.com-下载福彩摇奖机| www.76068.com-温州福彩加盟| www.022569.com-彩票大数据彩经网| www.088093.com-新浪足彩直播吧| www.145234.com-时时彩开售时间| www.295312.com-彩票计划师可靠吗| www.359151.com-福彩出奖结果查询| www.435360.com-鬼六神算福彩| www.522309.com-刘雪龙黑彩赚了多少| www.583434.com-梦到彩色的鸟| www.646804.com-胜负彩14场机选| www.777802.com-福彩乐透安卓| www.860802.com-河南福彩大星走势图| www.917118.com-彩客网手机版官网| www.971290.com-定胆彩票分析基础| www.px.com-大发快三登录网站| www.lh92.com-彩票巴士下载安装| www.a59.pw-977cc彩票-| www.18nj.com-今晚有什么彩票开奖| www.539.club-山东齐鲁彩票官网| www.3699.pro-球彩台阿健-| www.8377.top-网易资讯彩票| www.25251.cc-彩铅画要领-| www.61107.com-七乐彩各省中奖情况| www.044445.com-信彩票赚钱是真的吗| www.123475.com-有谁中过彩票的| www.185033.com-好彩三开奖结果查询| www.246996.com-玩快三哪个软件好用| www.309386.com-韩国福彩851期| www.367733.com-彩铅画古风庭院图片| www.444826.com-手机上哪里买彩票| www.525553.com-福彩3d五行技巧| www.661409.com-好彩哥论坛-| www.737272.com-上海快三综合图| www.798028.com-易彩下载安装| www.862508.com-网易网彩票-| www.915545.com-重庆时彩下载| www.968144.com-易彩开奖结果查询|