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天

知道了
彩票123现在叫什么名字 www.124833.com-迷彩免手机影视网| www.65841.com-七星彩模拟摇号| www.151754.com-体彩排列三选胆图| www.589151.com-江苏快三手机怎么买| www.112298.com-29彩票注册-| www.29597.cc-08号彩票论坛| www.99ex.com-湖北福彩快三助手| www.715844.com-把彩票戒掉-| www.387591.com-腾讯分分彩漏洞教程| www.95oi.com-多彩投总部-| www.355203.com-昆山体育彩票中心| www.179366.com-玩快三输钱案例| www.335989.com-体育彩票数字范围| www.631188.com-广东彩票官网客户端| www.815236.com-国彩网是骗局揭秘| www.932068.com-导师带福利彩票| 梦想彩票www.33112f.com| www.36wa.com-彩票010-| www.5049.org-现在买足彩的app| www.15372.cc-彩库宝典官方旧版| www.02911.com-开奖快的彩票| www.xw72.com-彩6软件-| www.um74.com-云彩宝彩票下载| www.140721.com-1980彩下载-| www.292973.com-1分快三数字规律题| www.69013.com-尊彩apk-| www.098662.com-福利彩票有哪些| www.191390.com-彩票预测软件下载| www.315302.com-彩世界官网-| www.420013.com-送彩票活动案例集| www.229191.com-36选7是好彩2| www.387065.com-彩膜-| 易彩网www.12455z.com| www.679222.com-重庆中彩是违法的吗| www.787475.com-神马彩票下载安装| www.869114.com-七星彩的对数是什么| www.936729.com-麒麟彩票是正规的吗| 500万彩票www.39500hh.com| www.698934.com-公益彩票是骗人的吗| www.777951.com-彩978-| www.851551.com-360中彩网-| www.909966.com-365彩票网首页| www.968489.com-彩票工或-| www.af51.com-七了彩开奖结果查询| 亚洲彩www.68568x.com| www.088883.cc-彩票盛邦财团| www.817892.com-足彩19031期| www.83.biz-彩吧网首页下载| www.415.website彩票八喜怎么| www.sj24.com-竞彩足球直播比分| www.74435.com-彩票app验证码| www.170925.com-河北省快三玩法说明| www.107479.com-凤凰彩票辅助器| www.195699.com-全部彩种-| www.579472.com-福彩3d开笑-| www.689468.com-齐鲁风采七乐彩今晚| www.49zv.com-福彩彩吧图-| www.612186.com-福彩上海选四开奖结| www.13zk.com-海南体彩飞鱼中奖率| www.73912.cc-彩票手机网页版| www.359539.com-体育彩票要怎么选号| www.782038.com-彩票的实际偏态| www.878979.com-体育彩票奖池金额| www.776100.com-彩票跑马幸运彩| www.923729.com-秒速时时彩官方的吗| www.cai114.com-贵州快三今天开奖| www.ym70.com-彩票网站哪家好平台| www.0763.org-河北十一选五彩票| www.419827.com-二十六天天好彩资料| www.610239.com-怎么在淘宝上买彩票| www.062367.com-快三的数据分析规划| www.130920.com-购彩网下载官方版| www.15zx.com-彩虹10首飞| www.617162.com-彩票冒领构成犯罪吗| www.088110.com-竞彩之家app下载| www.ts04.com-华夏彩票网址| www.956877.com-欧洲百万彩-| www.we83.com-全能中彩-| www.16av.cc-彩虹6号女鬼| www.76wk.com-彩票开奘查询| www.132484.com-潘多拉彩妆怎么样| www.025937.com-福彩3d开奖规则| www.583050.com-制作彩票走势图| www.700522.com-玩彩输钱的人怎么办| www.800081.com-体彩开奖结累| www.932231.com-河图洛书测彩票| www.982129.com-三d彩票走势图大全| www.ax56.com-彩票不亏本玩法| www.35653.com-时时彩合买大厅骗局| www.023752.com-时时彩专家网站| www.128162.com-3d字谜彩吧-| www.38295.cc-各色釉彩大瓶全名| www.042505.com-卖彩票的广告词| www.36my.com-七乐彩和值尾走势| www.105630.com-今晚七星彩开什么号| www.210592.com-快三怎么玩和值| www.729585.com-彩票中奖怎么兑换| www.601546.com-彩票流水-| www.695365.com-足彩6场3关-| www.782234.com-360彩票真的吗| www.863552.com-gc彩票投-| www.932469.com-大发快三稳定计划| www.996056.com-手机版678彩票网| www.df30.com-快三开奖爱彩乐| www.vj42.com-红牛彩票快3真假| www.91ai.com-c58彩-| www.5033.cc-全天重庆彩计划独胆| www.130473.com-福彩投注站编号查询| www.218125.com-玩彩票哪个平台好| www.698817.com-彩铅混色技巧| www.851979.com-买足彩哪个网站好| www.76550.com-彩票故事中奖| www.057882.com-福彩3d有内部资料| www.175962.com-彩票挂机软件靠谱吗| www.292573.com-贵州福彩快三和尾| www.376125.com-彩界过客四胆| www.101347.com-中彩网三d北斗分析| www.222464.com-什么彩票网站最安全| www.200354.com-彩票123手机版本| www.274579.com-肖立刚福彩讲师| www.450.xyz-吉林快三投注| www.529478.com-彩票直播平台哪个好| www.233811.com-百度彩票走势图3d| www.62mz.com-篮彩推荐网-| www.4474.cn-88彩票十一选5| www.669871.com-四个数字啥子彩票| www.za54.com-甘肃快三两元网| www.217228.com-中国彩票网-| www.68621.cc-新加坡天天彩资料綱| www.160509.com-北北京快三-| www.239899.com-买大小彩票的平台| www.815262.com-秒秒彩即时开奖彩票| www.883456.cc-博友彩票首页| www.970564.com-福彩3d开机号码表| 顶尖彩票www.168153.com| www.42788.com-双彩网下载及安装| www.407050.com-07彩票app-| www.6kp.com-数学算法买彩票3d| www.0559.site-038彩票破解方法| www.08352.com-彩票宣传广告词| www.782885.com-易购彩合法吗| www.855779.com-体彩竞足-| www.906207.com-竞彩网新浪-| www.965755.com-8号彩票论坛注册| 创世纪彩票www.36787i.com| www.14771.com-彩票开市时间| www.028520.com-博瑞彩票团队| www.028752.com-福彩天牛图库| www.488873.com-3d彩吧图库三版| www.097388.com-3cp彩票-| www.703113.com-竞彩足球亚盘水位| www.772115.com-体彩竟彩查询结果| www.836256.com-迪士尼彩乐园| www.901107.com-燕赵福彩排列五| www.968396.com-英国彩票开奖号码| 超级彩票www.901025.com| www.ic21.com-金利彩票平台| www.wm19.com-安徽福彩快三玩法| www.11256.com-14场胜负彩直播| www.244545.com-梦想彩票-| www.028332.com-彩之王邀请码| www.642605.com-彩票正码是什么意思| www.994.cm-体彩中奖彩票图片| www.212609.com-致富彩票官网|