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.108597.com-七星彩开将结果| www.9147.online七乐彩去哪里领奖| www.702086.com-中国足彩让球胜平负| www.48210.com-众购彩票骗局| www.329956.com-南洋福利乐和彩现场| www.52746.cc-福彩兼职上分| www.514618.com-压模彩色地坪材料| www.yy28.cc-惠民彩票可信吗| www.526138.com-重庆时时彩对子预测| www.657157.com-网络彩票公司| www.847068.com-彩票3d网上购买| www.xw3.cc-福利彩票大发快三| www.863580.com-彩票数据采集软件| www.946318.com-周口普遍彩礼多少| C9999www.318548.com| www.627570.com-双色球围蓝乐彩论坛| www.478378.com-5号彩票是真是假| www.98795.com-上海快三兑奖| www.733205.com-南京体彩中心在哪里| www.962108.com-香港快三计划合法吗| www.95iv.com-济南彩票事件| www.849837.com-二分钱买二分彩| www.923319.com-彩票店几点下班| www.983580.com-竞彩足球怎么没发买| www.cb36.com-黑彩做庄技巧| www.772857.com-大发时时彩软件安卓| www.221852.com-今晚七星彩开奖号码| www.312392.com-福彩3d百位走势图| www.384670.com-彩票平台赠彩金| www.595345.com-k彩测速-| www.21282.com-网上彩票诈骗案| www.656676.com-竞彩彩票打法| www.597767.com-幻彩褪黑晚霜| www.372599.com-幸运五星彩开奖网址| www.525321.com-今曰彩票开奖时间| www.606790.com-棒棒彩票人工计划网| www.680088.com-二元彩票下载| www.787840.com-河南商丘彩礼规定| www.874236.com-h5彩票源码-| www.973861.com-中国体彩七星彩玩法| www.ap72.com-鬼贵州福彩贵州福彩| www.6gp.cc-国外彩票算法| www.567682.com-3d图谜总汇全牛彩| www.694856.com-体育彩票61兑奖| www.879689.com-天天彩票网正规的吗| www.998546.com-广东彩票客户端| www.29fd.com-足球体彩竞猜规则| www.4684.xyz-彩票可以只买1注| www.95761.com-中国体彩发行时间| www.8999.mobi-乐彩直播间-| www.523270.com-十大彩票网站| www.cai3931.com上海快三是什么| www.966509.com-即开型彩票吧| www.pc18.com-河北快三奖金表| www.170345.com-快三走势图甘肃形态| www.938957.com-竞彩单场足球彩票| www.989849.com-彩民乐和阳光探码图| www.ff40.com-快三真能赚钱吗| www.xs07.com-彩票中奖被冒领| www.26195.cc-为什么彩虹是弧形的| www.566619.com-亿发彩票正规么| www.ns21.com-福彩快3福建计划| www.0676.org-彩票机转让要多少钱| www.010755.com-跑狗6491彩票| www.298016.com-河北冀彩宝投注大厅| www.372547.com-用彩色跟白云造句| www.22hz.com-高频福彩pc-| www.228.pw-时时彩任选玩法介绍| 融彩网www.rcw321.com| www.030382.com-快三有什么技巧吗| www.132919.com-彩色混凝土压模材料| www.503718.com-胆略足彩精彩分析| www.611811.com-长春彩溢关门了吗| www.at16.com-广东福彩有快3吗| www.08050.com-澳洲f1彩票-| www.76209.com-温州福彩投注站报名| www.163019.com-广东福彩好彩一预测| www.310969.com-甘肃福彩中心电话| www.94339.com-程序员彩票骗局| www.055823.com-免费破解快三软件| www.525184.com-圣地彩是真的吗| www.500765.com-中彩票怎么领| www.16993.cc-彩票撕了还能兑奖| www.nj30.com-福彩走势网首页| www.853355.com-美国彩票mega| www.965572.com-体彩排列七开奖结果| www.be53.com-喜乐彩开奖结果| www.3403.cn-福彩3d藏机诗字谜| www.561790.com-足球彩票任选九开奖| www.695351.com-360竞彩直播比分| www.388752.com-福彩新浪走势图| www.b44.top-365彩票平台| www.ud03.com-上海快三奖金来源| www.69389.com-98彩票网正规吗| www.646161.com-玩竞彩足球的心得| www.563231.com-中福网彩票导师带单| www.625626.com-中国体彩即开彩票| www.695599.com-胜负彩复式计算器| www.fh4.com-三分快三福彩| www.202907.com-吉林快三跨度表| www.082748.com-网络快三能玩吗| www.147374.com-万博彩彩-| www.756644.com-加州彩票开奖| www.065725.com-彩虹岛银色凌乱| www.220590.com-快3彩票计划| www.427796.com-足彩14场缩水软件| www.251353.com-香港中彩彩票| www.32xm.com-体育彩票利润| www.sg40.com-彩乐乐走势图| www.751931.com-带你买彩票骗局套| www.0413.date-迪士尼彩乐园假网址| www.545823.com-如何申请体彩投注站| www.484931.com-支付宝不让买彩票了| www.301904.com-旺彩双色球app| www.d29.cc-极速快三玩法| www.557868.com-qq彩票可信吗| www.32iv.com-陇彩宝海报-| www.7860.biz-玩时时彩两年输2万| www.xi43.com-七彩网下载-| www.088074.com-发财网彩票-| www.365779.cc-青春校园彩铅画| www.537745.com-彩是表示颜色的字吗| www.459033.com-淘彩有风险吗| www.595603.com-k彩娱乐开户| www.663467.com-登录乐彩33-| www.521698.com-福彩票双色球走势图| www.050075.com-常宁公益福彩| www.077306.com-彩色复印机图片| www.914209.com-彩乐园2app下载| www.996004.com-首页彩通-| www.bm60.com-彩神大发快3骗法| www.60038.cc-海南七星彩直播开奖| www.272110.com-彩809彩票-| www.368212.com-13彩app官网| www.485818.com-下载9928彩票| www.561876.com-内蒙行快三形态| www.627722.com-分分彩7码选号技巧| www.690710.com-澳客网彩-| www.783594.com-江西体彩老11选5| www.858537.com-彩神计划软件下载| www.937748.com-注册送28彩票平台| www.998284.com-中国正规彩票有哪些| www.cz35.com-足彩分析师-| www.931133.com-六爻预测彩票不准| 中彩网www.81233i.com| www.299366.com-彩票走势技巧| www.38xp.com-鸿运彩票真假| www.760130.com-山东好彩快三是哪的| www.887963.com-推彩票的渠道| www.986883.com-彩金彩卷高手彩富网| www.ho41.com-腾讯分分彩玩法说明| www.848359.com-彩三八彩票-| www.181048.com-青海福彩快三走势图| www.333773.cc-网购彩票顺口溜| www.4121.tv-7彩应用商店下载| www.151028.com-3分快三官网开奖| www.12349.com-体彩大乐透领奖地点| www.76916.com-地方彩票开奖查询| www.326601.com-中国福彩3d之家| www.233811.com-百度彩票走势图3d| www.316457.com-重庆时时彩五星测试| www.388418.com-3d摇骰子买彩票| www.47qo.com-梦到刮彩票中17万| www.679165.com-玩彩票的危害|