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.339087.com-c8.cn万彩吧| www.608078.com-韩国快三官方| www.706058.com-体彩时时彩票走势图| www.820265.com-七星彩小精英彩图版| www.925800.com-七乐彩除6走势图| 818合彩www.www.1555hc.com| www.225939.com-天天中彩票没人管吗| www.442261.com-网易红彩怎么当专家| www.493112.com-私彩平台有哪些| www.631687.com-时时彩口诀技巧| www.733581.com-成都竞彩快3| www.45077.com-长春彩溢-| www.122030.com-彩民论坛网-| www.245388.com-易彩堂app登录| www.432647.com-新浪官网首页彩票| www.553516.com-彩名堂计划免费下载| www.675364.cc-竞彩足球胜负14场| www.ae1.com-中国福彩开奖查询| www.n68.top-如何看懂彩票| www.431479.com-超级彩票缩水软件| www.100070.com-炫武彩票-| www.06019.cc-p五跨度南方双彩| www.591682.com-有特点的博彩小公司| www.610315.com-成都彩钢板厂家| www.781373.com-真人百乐彩-| www.cp8928.com-内蒙福彩快3走势图| www.2021.in-6768彩票网平台| www.50644.com-破解彩票外围平台| www.263595.com-酷发财彩团队彩票| www.407920.com-七星彩老鼠精总版| www.231732.com-中国彩吧网开奖号| www.558344.com-七星彩彩虫7| www.827767.com-中国彩网站-| www.gp56.com-河南人的彩礼| www.800431.com-香港幸运彩-| www.632722.com-大星福利彩票走势图| www.12gy.com-欢腾彩票害人| www.198.cm-唯美古风女子彩铅画| www.836065.com-丰彩怎么发货| www.465707.com-临汾市古建彩绘公司| www.277922.com-乐彩网下载开奖结果| www.02292.com-怎么戒掉彩票瘾| www.329032.com-贵州彩票中奖情况| www.591987.com-分分彩刷流水思路| www.457133.com-彩票的幽默语句| www.599588.com-中彩富坛免费资料| www.497.pw-3d彩票交流微信群| www.3783.biz-808福彩靠谱吗| www.66707.com-竞彩有漏洞吗| www.384466.com-qq上能买彩票吗| www.539179.com-彩霸王3d高手论坛| www.632152.com-49彩票网-| www.034534.com-新快三每天开多少期| www.513361.com-口袋彩店用不了了| www.854851.com-极速快三能玩吗| www.960221.com-500go彩票-| www.tu5.cc-360彩票手机版| www.89.me-体彩6+3多少钱| www.611772.com-福彩网上缴费| www.835638.com-彩票工具软件推荐| www.985962.com-3d彩报蓝精灵b| www.uw85.com-易彩快三计划计划网| www.820.me-开体彩店怎么申请| www.362807.com-彩虹实验光的变化| www.01de.com-自制彩虹鸡尾酒实验| www.152155.com-锋彩直播手机版| www.246810.com-新浪足球彩票分析| www.698568.com-浙江体彩怎么算中奖| www.q95.net-怎么买体育彩票| www.5089.pw-狗的彩票是什么号码| www.32873.com-福利彩票开奖频道| www.67831.cc-军人中彩票怎么处理| www.31328.com-易彩快3人工计划网| www.649365.com-京彩计划-| www.562136.com-吉利彩票系统维护| www.975780.com-福彩体彩谁中奖率高| www.fs14.com-uu快三是哪个网站| www.969135.com-刷彩金是否违法| www.2177.cc-环球彩票客服电话| www.8803.shop-海口网七星彩论坛| www.34199.cc-保定市福彩中心电话| www.003947.com-大乐斗彩票开奖查询| www.098206.com-百度开奖彩票| www.fm51.com-分分快三会造假吗| www.f90.xyz-海南彩票四码定位| www.59ua.com-中国体育彩票被限制| www.1008.cm-周一出什么彩票| www.67734.com-网赌彩票必输| www.096993.com-彩吧论坛首页天齐| 九九集团www.99jte.com| www.045239.com-博发网彩票-| www.054565.com-360竞彩比分直播| www.649884.com-网上慱彩-| www.617351.com-体彩中心上班时间| www.69492.com-98彩票骗局的案例| www.022500.com-宝马彩票官方网站| www.8665.in-青蛙彩票8080㏄| www.33753.com-乐迷体彩-| www.76165.com-温州福彩网点查询| www.144511.com-关小刀足彩最新推荐| www.264943.com-吉林快三跨度| www.336272.com-高频彩彩票平台| www.627468.com-乐迷彩-| www.je59.com-彩票福彩开奖查询| www.d85.site-128彩票下载| www.46kc.com-怎么申请体彩销售点| www.01278.com-明天快三开奖结果| www.1978.me-18彩票官网-| www.dn47.com-民间买彩票中奖咒语| www.zu84.com-ro分分彩开奖记录| www.44nu.com-彩掌柜邀请码| www.648.xyz-分分彩背后操作| www.554682.com-彩票的中奖概率| www.17765.cc-甘肃快三信用玩法| www.73293.com-时时彩群-| www.447622.com-澳门三分彩计划网站| www.072045.com-福利彩票站营业时间| www.550092.com-彩播版本1-| www.761775.com-彩之家网址平台| www.856816.com-c6彩票-| www.913507.com-彩客网页版-| www.967361.com-微信彩票群揭秘| 金冠彩票www.49956p.com| www.bt37.com-彩票挂机软件平台| www.5920.vip-长春彩票中奖新闻| www.3812.in-七星彩加急七金码| www.11780.com-彩神v违法吗| www.08256.com-手机刮彩票-| www.862086.com-彩票开奖软件原理| www.922809.com-彩票店转让是否合法| www.976954.com-湖北钟祥彩礼多少钱| www.cp503.cc-湖北精彩十分开奖| www.ss65.com-福建体彩论坛| www.920375.com-609彩票-| www.971687.com-彩票红包雨-| 大赢家彩票网www.178775.com| www.ey16.com-时时彩ios版| www.87837.cc-苹果x原彩显示没有| www.911781.com-爱彩乐专业数据网站| www.982592.com-绑卡送彩金的彩票| www.bg32.com-福彩新快三-| www.qj43.com-湖北快三彩票| www.893939.com-财神8彩票-| www.965391.com-体彩精彩十分走势图| www.cp776.com-快三平台计划| www.456872.com-时时彩牛牛两面| www.516189.com-彩票网0800-| www.596675.com-甘肃快三新闻| www.11025.com-新势力竞彩微博| www.820111.com-河南天价彩礼杀人| www.04lj.com-彩铅画玫瑰教程图解| www.472.bid-可靠彩票的网投平台| www.411110.com-年2鱼玩彩猜一字| www.125279.com-一种彩票选号技巧| www.873137.com-欠债突然中彩票| www.943155.com-上海快三开奖历史| www.984844.com-苹果乐8彩首页| www.js9.com-体彩河南泳坛夺金| www.pt46.com-彩票争霸2app| www.s60.cn-聚盛彩票平台| www.051727.com-分分快三游戏规则| www.734711.com-2019年3月足彩| www.793887.com-彩票站老板让人赌博| www.865991.com-6491b彩票-|