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.iq26.com-彩乐乐网站-| www.565718.com-福彩3d九九彩吧| www.970010.com-福彩快三害人的事件| www.277859.com-福彩大发一分钟快3| www.485581.com-怎么买6盒彩| www.573388.com-快乐彩票论坛| www.686236.com-玩高频彩的技巧| www.785821.com-领航彩票软件破解版| www.cp7633.com-七星彩玩法-| www.7134.vip-什么建盏能养出七彩| www.cj02.com-极速快三软件下载| www.813236.com-福彩3d组六多少注| www.712549.com-福彩双色球单注奖金| www.853285.com-幸运彩票提现失败| www.963461.com-足彩胜负14场概率| www.ak92.com-易彩网下载安装| www.615253.com-彩票套路一天赚几千| www.722749.com-龙祥秒秒彩技巧| www.66120.com-彩票在线机选摇一摇| www.6571.biz-龙虎和彩票-| www.qb49.com-彩票应用-| www.549214.com-篮球计算器竞彩网| www.768888.com-天猫彩票稳赚不赔| www.957992.com-360彩-| www.cp882.cc-网上快三代理怎么做| www.112144.com-彩票送彩金58元| www.lm07.com-有谁知道淘彩票吗| www.53ik.com-6118彩票-| www.7099.vip-91彩票网站-| www.55283.cc-买北京快3彩票软件| www.cai0008.com北京快三预测| www.067578.com-凤凰娱乐彩票可信吗| www.868877.com-福利彩票摇奖用球| 新盈彩www.xinyc8.com| www.874424.com-重庆时时彩360| www.023933.com-代买国外彩票犯法吗| www.086117.com-聚宝盆app福彩| www.5335.in-t星彩-| www.1259.hk-四川体彩金7七乐| www.8099.net-万家彩票官网| www.237485.com-福彩3d玩法说明| www.7535.top-竞彩店销量-| www.82758.cc-足球彩票必发指数| www.751164.com-11选五彩票下载| www.95tr.com-红彩网直播网站| www.621676.com-体彩任务-| www.713807.com-快三的中奖规则| www.804468.com-七乐彩奖池金额| www.884016.com-举报黑彩有奖吗| www.949374.com-乐趣彩票是黑平台么| www.996184.com-足彩单场竞猜比分| www.co46.com-吉林快三全天计划| www.vk23.com-湖北快三福利彩票| www.11tl.com-统一彩票网是真是假| www.235598.com-彩票吧app-| www.gh81.com-黑龙江好彩快三计划| www.985878.com-福彩3+d字迷| www.5009.cn-彩票老平台-| www.383454.com-5d体彩开奖结果| www.777278.com-宝盈福利彩票| www.34512.com-福彩三d今晚开奖吗| www.0407.org-懂球帝怎么买足彩| www.300793.com-赌博送彩金可提款| www.671435.com-鸿运彩票派奖| www.9055.online新版时时彩平台源码| www.358779.com-有没有四位数的彩票| www.513555.com-惠州市福利彩票兑奖| www.582670.com-uu669福彩快三| www.650303.com-能玩彩票的app| www.cp9686.com-湖北快三彩经| www.lx01.com-中国福彩网走势图| www.600462.com-七星彩贴吧-| www.679134.com-遗言彩票-| www.767411.com-腾讯分分彩稳赚技巧| www.858174.com-国家彩票干嘛不关闭| www.918031.com-彩吧助手55128| www.zb47.com-乐彩33下载-| www.5bh.cc-查彩票双色球怎么查| www.340128.com-足彩14胜负奥客网| www.833291.com-七星彩论坛南海社区| www.1014.top-九号彩票官网| www.054500.com-新浪竞彩足球推荐| www.02450.com-彩神vi注册-| www.266408.com-河北福利彩票网官网| www.2078.pw-南京彩票中奖| www.322623.com-体育彩票七星彩| www.6722.cc-广东好彩3技巧| www.47105.com-男方给女方的彩礼钱| www.002371.com-北京体育彩票网官网| www.081123.com-彩运8网页-| www.03br.com-彩典宝库免费下载| www.8744.org-安徽快三冷热号统计| www.217275.com-快三怎么才能赢钱| www.901888.com-公益福彩pk拾| www.971596.com-快捷彩票网址| www.bd07.com-私彩平台漏洞| www.b70.cc-南昌彩票中心在哪| www.168505.com-时时彩9码不贪| www.727299.com-33cc彩票登录| www.535859.com-8位数字的湖北彩票| www.088737.com-拉人玩快三-| www.209424.com-彩之家大发快3下载| www.70vc.com-3d今彩易网-| www.6085.me-福彩舆论-| www.887759.com-靠谱的彩票投注软件| www.975254.com-彩票中奖图片恶搞| www.li4.com-买彩票怎么买| www.792.cc-体彩店柜台效果图| www.637292.com-彩虹六号租号| 500彩票www.501346.com| www.953504.com-足彩竞彩奖金计算器| 众乐彩票www.498266.com| www.jo90.com-网络刷彩是什么| www.n30.com-爱乐透彩票网双色球| www.79kd.com-中彩冈3d推荐号| www.511519.com-五洲财富刷彩金| www.501571.com-3d和值网易彩票| www.786167.com-至尊娱乐购彩| www.876775.com-香港福彩资料| www.947756.com-58福彩是真的假的| www.986472.com-七1星彩开奖结果| www.38119.cc-3d跨度走势大彩网| www.99345.com-重新时时彩怎么推算| www.087949.com-双彩网彩民论坛下载| www.987460.com-久久彩票提现快吗| www.mj55.com-快三和值和尾走势图| www.40bk.com-潍坊彩铃-| www.8308.space-500万彩票技巧| www.716533.com-彩铅落日画法| www.804472.com-710彩票下载| www.881085.com-广西体育彩票走势图| www.938923.com-澳客体彩开奖| www.978515.com-天天爱彩票不能提现| 大玩家彩票www.717228.com| www.7491.cc-体彩店网上经营| www.195229.com-今天青海快三走势图| www.333191.com-中彩网电脑版下载| www.cai6499.com网上快三平台骗局| www.961922.com-上海福彩快3下载| www.gs8.com-五分快三怎样看走势| www.8522.loan-彩票坊论坛-| www.57dw.com-福彩营业厅游戏机| www.208350.com-福彩快3技巧| www.a14.online-33zzcc特彩吧| www.110786.com-大发时时彩骗局| www.4220.biz-好彩网站-| www.035578.com-至尊彩网址-| www.15018.com-体彩浙江75540| www.87377.cc-有玩933彩票的吗| www.599907.com-只要买彩票-| www.8878.red-竞彩会不会爆| www.54509.com-大发时时彩杀一码| www.026668.com-体彩第19018期| www.303420.com-优乐彩票手机版下载| www.219834.com-3d红五彩吧图库| www.015081.com-向日葵团队导师彩票| www.95376.com-彩票不公平-| www.050343.com-内蒙古福彩pp下载| www.656664.com-欧洲杯胜负彩| www.730717.com-重庆时时走势图彩经| www.73220.com-海南七星彩彩版| www.160035.com-快中彩走势图app| www.587397.com-篮球竞彩推荐软件| www.661245.com-好用的彩票计划|