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.94446.cc-官方快三购彩平台| www.555322.com-时时彩人工计划黑马| www.320848.com-七乐彩3托9-| www.72dj.com-娱乐福彩投票账户| www.4529.me-七星彩19028| www.666833.com-国乐彩计划-| www.589329.com-七星彩怪号-| www.1138.wang-体彩术语我想减肥| www.383379.com-699彩票苹果下载| www.874133.com-福彩第二版-| www.773464.com-足彩比分胜负彩| www.a25.cn-福彩图片-| www.231906.com-彩票121走势网| www.400789.cc-07年七星彩走势图| www.3970.in-鸿运来彩票网注册| www.026701.com-辉煌彩票合法吗| www.481983.com-吉林快三群信誉群| www.639622.com-中国竞彩网怎样注册| www.861913.com-合肥体彩店费用标准| 金冠彩票www.49956l.com| www.931530.com-快三怎么投-| www.ge44.com-彩迷论坛-| www.9053.cm-腾讯分分彩波动值| www.592816.com-彩虹七号手机版下载| www.4057.com-七星彩质合走势图l| www.81851.cc-时时彩遗漏提醒软件| www.64146.com-彩票叫卖顺口溜| www.515944.com-开户得彩金彩票| www.105651.com-新浪彩票图表走势图| www.269505.com-怎么鉴别假彩票店| www.502987.com-人人彩票跟投| www.831156.com-商丘彩票店转让最新| www.d85.net-专业彩票计划平台| www.65030.com-竞彩足球太黑了| www.bf68.com-vip007彩票网| www.448011.com-老杨说彩双色球| www.254870.com-彩票开奖查询大乐透| www.815112.com-福彩三d詹天佑预测| www.950163.com-福彩销售禁令| www.65lv.com-山西体彩中心电话| www.332778.com-下载京彩app| www.314000.cc-两分快三计划软件| www.583789.com-关注中彩股份快三| www.88436.cc-英国彩票官网| www.235965.com-xmcp彩票-| www.466700.com-极速时时彩计划骗局| www.830410.com-彩票店主版-| www.52tz.cc-七彩乐星期几开| www.11573.cc-金羊网晚晚好彩| www.226958.com-彩客网首页-| www.380108.com-澳客彩票网电脑| www.961396.com-七乐彩兑奖计算器| www.702135.com-体育彩票销售| www.127631.com-彩虹云主机-| www.575.me-玩私彩多少金额违法| www.071.bid-圆梦彩票app| www.7366.xyz-竟彩是合法的吗| www.861382.com-体彩选三选五| 手机购彩www.652699.com| www.mg49.com-爱乐彩票下载地址| www.993761.com-竞彩足球串关表| www.144362.com-竞彩单场保本对冲| www.282872.com-彩票33害死多少人| www.439522.com-彩之星助手-| www.608598.com-像好彩投一样的网站| www.89gu.com-多乐彩网上-| www.2819.com-天天中彩票能用了吗| www.2452.vip-湖北中奖彩票图片| www.025265.com-赢彩票与你同行挂牌| www.234065.com-银川福彩申请流程| www.8cs.com-刮彩票的技巧规律| 500彩票www.652631.com| www.0671.pw-易彩彩票怎么看懂| www.27179.com-彩票2元旧版本| www.97202.com-搜索福彩3d开奖| www.110597.com-彩九官网下载安装| www.834313.com-贵烟新多彩-| www.18eb.com-彩票33app官网| www.59322.cc-人工智能预测彩票| www.271338.com-日版软包好彩多少钱| www.yh17.cc-淘宝福彩哪里买| www.548550.com-快3彩票赚钱彩民| www.964333.com-网上哪买竞彩| www.fb90.com-01彩票官方-| www.q97.cn-彩票百位振幅走势图| www.86il.com-足球竞彩篮球竞猜| www.358034.com-彩票各种玩法| www.655779.com-m8彩票时时彩| www.799671.com-彩金今日价格表| www.5964.biz-东营体彩中心| www.562866.com-三分彩官方下载| www.732958.com-彩票蚂蚁团队| www.871977.com-彩票之家彩民你同行| www.581116.com-宝哥胜负彩推荐| www.793178.com-买彩票一夜暴富实例| 39彩票www.3933w.cc| www.3656.top-鸿彩投注怎么样| www.38fw.com-338322快彩-| www.883467.com-博友彩票app| www.181009.com-中彩啦软件-| www.451399.com-中国福彩网官| www.552447.com-彩票开奖排三试机号| www.619252.com-云南彩票未领奖| www.2044.com-澳门有快三彩票么| www.76858.com-新浪网竞彩足球推荐| www.199409.com-今天快三开奖走势图| www.580955.com-彩票会是真的假的| www.345885.com-2019彩图财神报| www.68tm.com-乐彩站网址-| www.8400.in-改彩票快三-| www.90tn.com-彩票刮刮卡透视眼镜| www.684445.com-中彩改棋牌app| www.761422.com-天天中彩票软件下载| www.836377.com-福彩3d谜图总汇二| www.896563.com-博彩套利稳赚| www.952514.com-大奖彩票网址| www.994416.com-网上微彩彩票靠谱吗| www.qo5.cc-延边体彩-| www.349389.com-中彩网高手的姐预测| www.500033.com-彩票的三个原理| www.163123.cc-500彩票老版本| www.044646.com-送外卖帮忙买彩票| www.233378.com-七星彩808彩票网| www.912081.com-排三胆码家彩网| 彩之家www.35czj.com| www.848678.com-时时彩计划方法| www.305734.com-身无分文中彩票| www.725891.com-福利彩票奖励金额| www.832106.com-体彩竞猜网站| www.900881.com-彩经网北京快三| www.519970.com-天津福利彩票官网| www.617165.com-没彩票有码给兑奖吗| www.700084.com-159彩票网比分| www.766885.com-手机重庆时时彩官网| www.836148.com-顺丰彩票中奖率低| www.903254.com-pk彩吧用户登录| www.959745.com-大发时时彩计划数据| 500彩票www.374277.com| www.1174.pw-彩票店开业介绍| www.5914.xyz-彩礼一般给多少| www.22925.cc-中彩票大奖-| www.59953.cc-百彩网香港-| www.335541.com-今天甘肃快三走势图| www.183233.com-北京大发快三网址| www.068999.com-信博彩票平台多少| www.122722.com-彩神网高手论坛| www.7604.xyz-新浪彩票爱彩| www.34842.com-大发彩注册送彩金| www.033388.cc-体彩金7乐玩法规则| www.373618.com-微彩彩票骗人| www.495412.com-博彩精算-| www.577867.com-香港hk百彩网| www.667128.com-精选论坛特区彩票网| www.749987.com-全民彩票的规律| www.824544.com-彩票坐庄-| www.920505.com-信博彩票app下载| 彩乐乐www.cll168.com| www.10763.com-新疆时彩票开奖查旬| www.761927.com-庄家克星时时彩| www.93266.cc-福利3d彩票-| www.047006.com-51888彩票贴吧| www.111937.com-最靠谱的彩票网站| www.339194.com-时时中彩票升级版| www.38ms.com-彩礼多少钱合适|