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.966197.com-福彩排三图谜总汇| www.373186.com-北京快三近期竞彩| www.32rm.com-合肥快三连线走势图| www.6129.cn-七乐彩有几个号码| www.735931.com-彩票怎么玩可以赚钱| www.805887.com-3d风云彩票图| www.512.in-今日彩票吉祥数字| www.40601.com-一号娱乐app彩票| www.179783.com-福彩快三分析| www.7742.vip-9彩彩票可信吗| www.71709.com-精英彩票高手网| www.149003.com-互彩宝-| www.177974.com-快三开奖结果爱彩乐| www.229252.com-手机彩票一分钟一开| www.108151.com-牛彩票大乐透谜语图| www.348228.com-七乐彩是真是假| www.6208.in-下载红旗彩票app| www.005276.com-蜂鸟团队5分彩骗局| www.233355.com-福彩快3开奖| www.505197.com-那些平台送彩金| www.53vt.com-官方彩九-| www.5488.top-网上能买福利彩票吗| www.097123.com-福彩3d属相-| www.503888.cc-彩票平台首充福利| www.699428.com-七乐彩开奖三等奖| www.907576.com-快彩活动app| www.cai8228.com安徽体彩十一选开奖| www.35005.com-七天彩太假了| www.614604.com-龙胜彩票投注站| www.257847.com-234彩票注册平台| www.91768.cc-有彩票预测软件吗| www.111606.com-菲律宾彩票公司| www.259788.com-江西新快三和值推荐| www.402567.com-鑫彩国际这个软件| www.7069.biz-深圳七彩珠心算怎样| www.420090.com-体育彩票销售员培训| www.888345.com-彩票快三投注| www.939559.com-中国福利彩票机选| www.no06.com-时时彩平台网| www.8093.vip-大发快三彩票破解术| www.868.xyz-彩铅画教程动漫人物| www.393098.com-体彩中奖号码是啥| www.k60.in-购乐彩票app| www.68617.cc-新加坡天天彩资讯綱| www.392546.com-福彩能买到大乐透吗| www.026452.com-篮彩推荐分析| www.027951.com-女孩子玩福彩骗局| www.001672.com-彩吧论坛预测汇总| www.218067.com-亿彩app下载| www.314412.com-海南飞鱼彩票玩法| www.395823.com-竞彩足球跟单彩票网| www.593066.com-彩虹的重力番外| www.660431.com-刮彩票透视-| www.689860.com-c9彩票app-| www.978434.com-葡京彩票平台可靠吗| www.025934.com-快三投注计算器| www.211991.com-好彩客是骗局吗| www.58277.com-样买二元彩票| www.130781.com-七星彩专家预测晴予| www.413182.com-有鸿彩直播吗| www.16xe.com-山东体彩排列三论坛| www.45454.com-微彩站二维码| www.122865.com-福彩公益金提成| www.152299.com-福彩3d直选走势图| www.839183.com-彩70娱乐-| www.yf98.com-彩票店早上几点开门| www.959384.com-御彩轩苹果手机版| www.vx78.com-贵州省福彩中心领导| www.354040.com-一分彩票怎么玩| www.426009.com-足彩必胜买法| www.97xa.com-手k彩票网-| www.12328.cc-体育彩票手机投注| www.056516.com-七星彩抓奖规律图| www.270544.com-一分快三走势规律图| www.vv05.com-快乐彩票网址| www.833199.com-三国杀星彩技能| www.931879.com-彩票平台v6-| www.520946.com-红旗彩票投注站地址| www.699.cn-科彩印务-| www.sw4.cc-上海怎么申请体彩店| www.874223.com-体彩源码-| www.842678.com-金多彩票-| www.38744.com-福彩3d绘图-| www.yv71.com-湖南动物彩票开奖| www.85980.com-彩铝板装饰-| www.350133.cc-买彩票不中奖| www.866142.com-信誉彩票大全| www.32029.com-彩钢瓦围挡施工| www.216185.com-体彩大乐透玩法介绍| www.751886.com-n01壹号彩票| www.838163.com-彩39app下载| www.6918.wang-七彩阳光分解动作| www.961476.com-彩票奖金计算方法| www.437258.com-陕西省福彩发行中心| www.7190.in-七彩阳光完整版镜面| www.sj86.com-时时彩网app| www.135.red-五只彩虹的歌曲| www.209960.com-足彩任九网上投注| www.9799.pw-七星彩兑奖有效期| www.9ke.cc-七星彩开奖直播网址| www.329772.com-足彩分析新浪310| www.970154.com-玩运彩即时比分| www.1fm.com-海南七星彩神算子图| www.822771.com-手机上怎买福彩| www.989398.com-81818彩票-| www.b15.com-江西省福彩中心电话| www.627168.com-218彩票app-| www.94492.com-传统彩是怎样的| www.810535.com-今体彩开奖结果查询| www.23932.cc-双色球开奖结果颖彩| www.359121.com-体育彩票几种买法| www.974717.com-海南彩民中大奖| www.bh52.com-五分彩公式-| www.169266.com-安徽快三基本形态| www.080490.com-幸运魔方彩票| www.490495.com-幸运十分彩开奖结果| www.3539.com-属虎买彩票幸运数字| www.222399.cc-发彩网彩票-| www.163794.com-哦百万彩票旧版官网| www.561808.com-注册开户送38彩金| www.1233.cc-云南快乐彩十分电脑| www.608665.com-大彩网微信-| www.32895.com-江苏体彩即开| www.76220.com-文成县福利彩票| www.496800.com-900彩票骗局| www.328780.com-博彩免费彩金| www.607078.com-牛彩一句定三码彩图| www.769791.com-七彩阳光图片| www.025632.com-网络彩票代理赚钱吗| www.734835.com-19046足彩-| www.907110.com-什么彩票是8位数| 杏彩www.00840c.com| www.144030.com-足球体彩-| www.585679.com-安徽快三走势图新浪| www.lb89.com-下载购彩注册| www.98179.com-中国富彩3d开奖果| www.13hw.com-辽宁体彩十一选五开| www.21412.com-亿彩安卓-| www.031314.com-天天购彩网是真是假| www.152610.com-凤凰tt快三-| www.274009.com-时时彩免费手机计划| www.424177.com-爱心彩-| www.572999.com-1分钟快彩-| www.797227.com-吉祥彩票-| www.g67.club-新万彩吧资料| www.270158.com-132彩票官方软件| www.433127.com-51888彩票-| www.576428.com-中彩吧登陆-| www.938797.com-机盘老快三游戏下载| 网易彩票www.095wy.com| www.770694.com-时时彩投资技巧| www.059198.com-篮彩比分差-| www.7000.gg-大星福利彩票走势图| www.37552.cc-中彩网擂台赛图表| www.091166.com-百姓彩票是合法的吗| www.260699.com-江苏福彩三开奖结果| www.390605.com-体彩小熊猫-| www.609544.com-双赢时时彩-| www.731961.com-大发快三是福彩的吗| www.926195.com-福建省体彩31选7| www.9333.vip-诺基亚彩球滑梯游戏| www.026143.com-澳洲快乐十分彩开奖| www.142068.com-买2分彩有什么技巧| www.387567.com-新版下彩网-|