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.722736.com-彩票网址哪家好| www.526366.com-足彩进球总数窍门| www.681619.com-能在手机上买彩票吗| www.793716.com-一夜暴富彩票| www.872210.com-826网络彩票| www.943904.com-乐58彩票官方网站| 500彩票www.52072d.com| www.7692.biz-香港天下彩票大全| www.27111.com-快三如何算中奖| www.68117.com-买足彩和赌博的区别| www.38296.cc-彩票与五行数字| www.a28.pw-九千万彩票首页| www.113140.com-七乐彩1拖8-| www.189038.com-江苏快三有什么规律| www.259079.com-竞彩足球比分旧版| www.478827.com-竞彩奖金优化计算器| www.564001.com-多彩贵州风门票团购| www.8790.cm-玩分分彩技巧| www.025600.com-内蒙古快三热点| www.098750.com-高频彩投注网| www.5515.shop-彩票销售点加盟| www.16007.cc-北京时时彩开奖官网| www.87916.com-幸运彩票腾讯三分彩| www.039070.com-正规网投彩票网站| www.111408.com-5分时时彩计划群| www.173369.com-玩大发快三违法吗| www.237569.com-体彩实体店报价大全| www.306499.com-摇彩票软件-| www.366998.com-麋鹿彩铅画唯美| www.52868.cc-好彩60123输钱| www.618502.com-彩票酷彩网-| www.700270.com-盈彩彩控制器| www.775785.com-彩票九官网-| www.850505.com-竞彩足球买量| www.911257.com-k彩娱-| www.971533.com-体彩排列五直选票| 博友彩www.878466.com| www.hv83.com-北京快三现场直播| www.yd27.com-韩国快三一天多少期| www.16hk.com-好彩一选号技巧| www.95oq.com-什么是多彩投| www.2489.cm-福彩万能五码| www.982578.com-同城彩票官网| www.211373.com-彩界联盟官方下载| www.355752.com-彩票交税合理吗| www.539584.com-釉上彩瓷器值多少钱| www.689300.com-齐鲁风采是什么彩票| www.914945.com-全天广西快三计划网| www.bm38.cc-可靠彩票平台有哪些| www.2984.vip-澳洲时时采彩玩法| www.ee21.com-淘彩票快3-| www.79mq.com-体彩排三中奖号多少| www.6626.in-旺彩平台下载| www.38799.cc-南方双彩网双色球| www.021445.com-凤凰彩票三分快车| www.136958.com-附近的福利彩票| www.257242.com-江西快三下载| www.406679.com-七星彩17期快讯| www.563962.com-贵阳多彩贵州城| www.744126.com-网上买彩票当庄家| www.876400.com-体彩5d出什么号| 亚洲www.938905.com| www.zo80.com-七彩西游记-| www.81ud.com-开通中福彩投注账户| www.6793.biz-福彩好还是体彩| www.54401.com-时时彩漏洞稳赚技巧| www.027365.com-一分彩app-| www.137841.com-福彩3d组选杀号| www.264044.com-彩票软件合法吗| www.369210.com-尼彩手机游戏下载| www.539497.com-二手福彩机能过户吗| www.666317.com-够力彩票奖表| www.787296.com-福建即乐彩十一选五| www.912010.com-体彩云南十一选五| 华人彩票www.hr5888.com| www.703843.com-368彩票网站| www.954781.com-今晚开的彩票是什么| www.aw79.com-福彩5d怎么选| www.36rq.com-百万彩票快3| www.38220.com-天天爱彩票旧版| www.335363.com-彩票弃奖法律分析| www.882571.com-159彩票官方网站| www.865252.com-大发快三开挂图片| www.di4.com-内蒙快三走势图儿| www.913073.com-彩托骗局有哪些| www.841895.com-福彩五行属性| www.208667.com-彩票长龙提醒| www.540576.com-迪士尼彩乐园网址| www.21488.cc-网络彩票诈骗立案| www.2929.org-体彩背景图-| www.678581.com-精英彩票心水175| www.6842.com-博彩流水怎么挣钱| www.62429.com-彩先知五点来料| www.338655.com-彩票高频彩怎刷水| www.285532.com-发彩网app平台| www.1914.cn-黑客破解极速时时彩| www.314703.com-中国竞彩网首| www.525510.com-博彩足球平台出租| www.zz78.com-竞彩审批时间| www.08wk.com-668.com彩票| www.881597.com-博彩足球软件有哪些| www.26jf.com-广东福利彩票加盟| www.7008.xyz-福彩2d地区-| www.873274.com-红彩网-| www.36827.cc-28彩票是什么规则| www.126565.com-大众快三-| www.cp3766.com-幸运快三是哪里的| www.96hv.com-奥鸿集团重庆时时彩| www.570237.com-彩票开奖i查询结果| www.vy75.com-大发快三图片| www.45lg.com-苏式彩绘图片大全| www.537508.com-有彩色与无彩色| www.72iy.com-足彩竞猜贴吧| www.aw69.com-乐彩网走势-| www.609084.com-彩票店几点开| www.xe.com-河南福彩快3一定牛| www.607917.com-快三三不同技巧稳赚| www.109234.com-百彩网网址大全| www.501962.com-网上体彩在哪里买| www.787825.com-胜负彩19054| www.jt32.com-彩神安卓版-| www.525696.com-重庆市彩开奖时间| www.kb20.com-福彩到底是不是骗局| www.959.red-体育彩票怎么开奖| www.215015.com-大家赢彩票-| www.390115.com-体彩实体店厂家现货| www.qp86.com-pc28彩票骗术| www.47648.com-好彩妹是哪部电视剧| www.726111.com-3d百度贴吧彩票吧| www.225782.com-5亿彩下载-| www.273291.com-快三玩法福彩网| www.881120.com-有哪些私彩老平台| www.127269.com-竞彩对阵-| www.772111.cc-河北体彩竟彩| www.970903.com-迷彩图-| www.821115.com-武汉福彩销售点申请| www.96458.com-福彩竞彩骗局| www.780986.com-彩虹哥是骗子的证据| www.13382.cc-快彩vip99-| www.9951.in-新粤彩报100网| www.65oj.com-大连福利彩票官网| www.034068.com-七乐彩票下载| www.748228.com-中彩平台能出款吗| www.392059.com-福利彩票一二三等奖| www.136445.com-易彩补漆笔色号| www.899118.com-彩81下载app| www.41947.com-下载送18彩金| www.831159.com-彩烟雷多少钱| www.3260.vip-快三走势图赤峰| www.40055.cc-5分快三破解器开挂| www.os89.com-彩店宝官网-| www.094086.com-美国加州彩票| www.uc27.com-时时彩手机计划软件| www.756229.com-甘肃福彩.快三| www.786753.com-华夏彩票计划真假| www.238571.com-快三和值跨度表大图| www.52kj.com-二分彩计划网站| www.133405.com-天天众彩官网| www.891418.com-彩票走势图下软件| www.0532.pw-乐炫彩票-| www.85454.com-福彩双色球胆拖表| www.688112.com-九州彩票登陆| www.lw24.com-好彩二-| www.32kn.com-彩票会员登录|