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.70518.com-买了彩票怎么看中奖| www.6632.top-分分彩一期五码计划| www.061073.com-国家授权购彩| www.245767.com-佬牛足彩-| www.87616.com-98彩票成立时间| www.7cs.cc-做彩票的上市公司| www.95wh.com-福彩3d中奖技术| www.696941.com-彩神帝8快三| www.857525.com-彩票在什么平台玩| www.938334.com-试机号双色球开门彩| 500彩票www.26299h.com| 计划软件-创名彩票怎么样| www.952982.com-彩神是不是假| www.436555.com-体彩竞彩微信营销| www.811749.com-3d乐彩论坛静态版| www.87737.cc-关于京东彩票网| www.bq78.com-青岛快三开奖结果| www.790129.com-福彩三地的专家预测| www.269837.com-彩九有多少版本| www.788757.com-我想看一下彩票| www.888694.com-福利彩票3d南方网| www.208258.cc-鬼谷子福彩3d预测| www.ov66.com-开奖视频中国福彩网| www.978936.com-人工计划彩票| www.bb49.cc-数字新浪彩票| www.539771.com-搜狗彩票,net| www.92sh.com-鼎锋彩票-| www.267068.com-海南快三走势图表| www.714012.com-彩票33下载633| www.976740.com-彩礼排行-| www.2565.cc-有人给我发腾讯彩票| www.721448.com-今日3d新彩网| www.fl55.com-胜负彩-| www.033438.com-苹果手机乐彩彩票| www.69332.cc-中国竞彩赛事公告| www.095195.com-为什么叫多彩贵州| www.000332.com-神马六给彩票巧| www.576402.com-彩客网七星彩| www.178351.com-戒彩票吧-| www.550473.com-最新白菜博彩| www.523941.com-e彩登陆-| www.043946.com-宁夏福彩开奖查询| www.110119.com-乐透啦彩票-| www.95ck.com-彩票诈骗犯-| www.6128.com-彩票稳赚方法| www.333668.com-年会送员工彩票| www.3888.cc-关于七星彩的软件| www.926609.com-瑞彩网是真规网站吗| www.728803.com-福彩3d南方双彩| www.494585.com-一定牛足彩专家分析| www.573672.com-彩票7选5技巧| www.86834.com-黑龙江省快三| www.7728.pw-天天分分彩合法吗| www.913171.com-彩客网快三是真的吗| www.984878.com-神彩争霸官网| www.ek90.com-福建福利快三走势图| www.j12.me-今晚福彩开什么奖号| www.36xt.cc-七星彩一二位差走势| www.2981.com-福利彩票315| www.536583.com-福彩宣传广告图片| www.772865.com-怎么样网投彩票| www.32833.cc-广州汇彩窗帘| www.554488.com-彩票诗文术语| www.95812.com-彩乐乐官网江西十一| www.703281.com-乐盈彩票登录| www.791557.com-彩票店招人-| www.881097.com-网络彩票黑平台排名| www.949335.com-金牌团队快三彩票| www.994618.com-超级彩票可靠吗| www.mx3.cc-人人中彩票安卓| TT彩票www.533292.com| www.69607.com-九九彩票是正规的吗| www.52996.cc-幸运彩是什么意思| www.388973.com-福彩35选七-| www.896369.com-如意彩票网线路导航| www.4177.in-七彩阳光分解| www.68274.com-六福彩坛-| www.900063.cc-51彩票投注app| 500彩票www.192762.com| www.195926.com-江西快三历史开奖| www.11715.com-彩票开奖公平公正吗| www.891641.com-彩票统计表怎么做| www.499199.com-彩票任务代打是什么| www.977200.com-彩礼法律规定| www.62201.com-彩票赢家app下载| www.92im.com-最早的彩票怎么设计| www.540858.com-159竞彩版-| www.645386.com-买高频彩赚钱方案| www.ka95.com-彩票三个红号有奖不| www.00bu.com-爱乐透彩票开奖| www.07787.com-苏州快三规则| www.099734.com-百乐彩平台-| www.186599.com-彩票改20分钟一期| www.183367.com-宁夏快三走势图| www.275944.com-七乐彩中奖对照图表| www.353078.com-公务员能否买彩票| www.58761.cc-福彩会员积分卡| www.026039.com-爱彩人彩票网走势图| www.019162.com-友恒陕西利彩快三| www.96279.com-体彩竞彩足球胜负平| www.667481.com-香港e球彩-| www.2023.net-快三买单双-| www.554034.com-彩票人生语-| www.637505.com-福彩公益金分配比例| www.al8.cc-河北快三最大遗漏| www.zb28.cc-福彩3d好心人布衣| www.32nh.com-彩票中奖谁先知道| www.0238.net-必赢彩票的网址| www.420613.com-采臣足彩-| www.41gn.com-福彩开奖怎么看| www.760133.com-买彩票提成多少| www.534198.com-七星彩选号计算公式| www.238922.com-兼职彩票代打骗局| www.817130.com-中彩票大奖后的生活| www.78905.com-福彩3d书籍-| www.057786.com-辽宁快三基本走势图| www.117602.com-二分时时彩在线计划| www.717098.com-彩铅牌子排行榜| www.050950.com-合买彩票怎么买| www.163921.com-竞彩篮球大小分预测| www.333339.cc-彩八万是真的吗| www.744575.com-宏盛彩票软件怎么样| www.884432.com-五行绝算彩票| 彩民网www.76520r.com| www.630778.com-体育彩票顶呱刮窍门| www.842368.com-财政部彩票收入| www.967363.com-彩票群怎么找| 千百万彩票www.565639.com| www.396312.com-彩博论坛-| www.061728.com-老版本好彩客| www.141089.com-彩票老谢大乐透| www.500511.cc-复式彩票号码怎么看| www.733777.cc-风采和风彩能通用吗| www.ls13.com-全民彩票ios版| www.cai9419.com更多彩票-| www.870422.com-易旺彩票网app| www.635169.com-彩天下平台-| www.704364.com-998彩票网站大全| www.773378.com-四川体彩大乐透开奖| www.832868.com-788彩票网靠谱吗| www.883171.com-彩友多合法吗| www.936953.com-彩福平台是真的吗| www.976398.com-唯彩会彩票开奖下载| 大赢家彩票平台www.377823.com| www.648722.com-现金彩票-| www.886373.com-好运来软件时时彩| www.985150.com-微彩是什么-| www.un0.cc-彩票开奖七星| www.95ah.com-福彩套利-| www.862444.com-手机彩票网下载安装| www.987504.com-玉林市体育彩票加盟| www.5qd.com-常州体彩中奖号码| www.965840.com-c27彩票-| 吉彩www.602327.com| www.35579.com-盈彩网是骗人的吗| www.6789.net-77彩票手机版77| www.cai7233.com快彩快三中奖助手| www.046519.com-河南福彩网首页河| www.23212.cc-彩票33下载633| www.6222.site-黑龙江时时彩规则| www.21323.cc-农村彩神双色球预测| www.527889.com-时时彩最大历史遗漏| www.699203.com-下载中国体彩票软件| www.067147.com-中国最好的黑彩平台|