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天

知道了
9彩注册 www.19qn.com-更多精彩的鲨鱼是| www.4327.vip-浙江福彩中心在哪里| www.596200.com-3d彩博士-| www.516881.com-双色球福彩中彩| www.124053.com-河北福彩排列7玩法| www.279357.com-福彩三d多邦预测| www.55603.com-七乐彩复式守号中奖| www.123003.com-北京彩虹计划| www.58194.com-江苏省快三遗漏数据| www.029041.com-体彩个人申请| www.246815.com-三合皇彩票-| www.069030.com-福彩快三青海| www.153078.com-福彩快三是真的假的| www.238174.com-浙江福彩十二·选五| www.320368.com-百宝彩湖北十一选五| www.nq04.com-福彩3d随机选号| www.022379.com-最新双色彩票开奖| www.332920.com-用户注册中福彩票| www.474299.com-中彩中堂网址| www.583751.com-中国官方彩北京赛车| www.699597.com-福彩双色球直播| www.zd38.com-sk彩票app-| www.550.tv-彩虹51挂挂网页| www.6861.cc-体育彩票顶呱刮窍门| www.38589.cc-大奖彩票首选网站| www.097173.com-好彩店彩票下载| www.604812.com-彩票出款维护| www.677233.com-彩色包装盒印刷公司| www.601541.com-新东方彩票-| www.687065.com-中国史上彩票最大奖| www.772321.com-福彩双色球下载安装| www.894896.com-超级大乐透彩票投注| www.960598.com-注册送33彩票| 凤凰彩票www.77803k.com| www.3596.cn-微彩吧是干嘛的| www.314379.com-七彩阳光广播体操| www.469605.com-福彩快乐十分陕西| www.16fc.com-新葡萄金彩票| www.061366.com-彩客彩票真实吗| www.197695.com-排三彩宝网试机号| www.6890.com-七彩阳光的预备节| www.408257.com-龙虎时时彩代理提成| www.363947.com-彩票3d单式怎么玩| www.558430.com-普通彩铅画-| www.813549.com-布衣新彩吧系列图谜| www.86366.com-男子3地买彩票| www.630433.com-下载全民彩票| www.38597.com-苹果彩77官网下载| www.498261.com-01彩票靠谱么| www.255065.com-广东26选5好彩3| www.8041.vip-花图片水彩-| www.13698.com-竞彩对冲国家会管吗| www.73352.com-海南福彩兑奖中心| www.454559.com-酷彩苹果下载安装| www.984830.com-彩票开奖幸运选号| www.wq11.com-中彩网客户端下载| www.16nv.com-体育彩票中奖公布| www.363.gg-七乐彩开机号码查询| www.6890.cn-彩票平台彩票| www.106529.com-微信中彩在线| www.719786.com-七星彩手机选号| www.807077.cc-彩票折过没事吧| www.879714.com-时时彩快3-| www.947813.com-福彩发行中心| www.997587.com-体彩快开-| www.fx89.com-厦门彩票骗局| www.yy35.com-乐盈彩票全天计划| www.896519.com-趣头条彩票合法吗| www.313105.com-038彩票预测| www.625422.com-大雄鹰彩票网址| www.693192.com-买彩票有规律可循吗| www.g49.bid-彩经网老版走势图| www.168352.com-江苏快三是什么意思| www.299006.com-福利彩票最新开奖| www.577966.cc-彩票近十期开奖结果| www.cai8833.com吉林快三一天多少期| www.845856.com-体彩类型-| www.968439.com-福彩3d字谜l| www.lr9.com-湖北福彩快3玩法| www.wj55.com-q彩票是真是假| www.46jh.com-彩金风暴50p| www.4373.cn-玩时时彩计划| www.su12.com-体彩彩种-| www.71399.com-新浪胜负彩必发市场| www.84xg.com-网络售卖刮刮卡彩票| www.661833.com-竞彩难中奖-| www.28148.com-福彩各种玩法开奖| www.005178.com-七乐彩单式开奖详情| www.060552.com-彩53app-| www.9631.cn-最像米彩的图片| www.28913.com-浙江彩票开奖| www.832525.com-纯七彩图片大全| www.974405.com-go彩平台网站| www.127094.com-彩铅画图片简单风景| www.86816.cc-一直播好彩频道| www.068281.com-摇彩票数字软件下载| www.130949.com-北京福彩电投小助手| www.dz25.com-网络福彩骗局| www.85dz.com-彩票行业领导者| www.132015.com-河南温县彩礼| www.226251.com-福建福利彩票开奖| www.328342.com-福彩3字图迷汇总| www.172798.com-广西今日快三| www.78302.com-中国体彩19033| www.954823.com-瑞彩祥云8软件下载| www.cai775.cc-快三技巧规律| www.re05.com-时时彩怎么计算| www.308840.com-贵阳福彩官方网| 网易彩票www.067wy.com| www.3958.com-竞彩篮球投注360| www.hi10.com-时时彩平台改号| www.16ik.com-福彩排七走势图| www.675761.com-中国体育彩票报纸| www.770710.com-m5登录彩票-| www.373666.com-彩吧彩票是骗人的吗| www.06431.com-彩票代投知乎| www.61335.cc-709彩票时时彩| www.306507.com-d9彩票官方网站| www.03pi.com-体彩31开奖走势图| www.1924.com-鸿彩快三下载安装| www.00154.com-福彩3d12的和值| www.825422.com-云南快三中奖金额| www.86114.cc-山东非无特彩涂板| www.97052.com-辽宁福彩手机| www.14qb.com-百乐彩登陆-| www.nd3.com-吉林快三苹果下载| www.788611.com-五分时时彩计划版| www.qx95.com-上海快三开奖50期| www.98ge.cc-365天天彩票合法| www.460480.com-炫彩油画怎么出售| www.051883.com-旧版九万彩票安卓版| www.866203.com-腾讯彩票游戏平台| www.989453.com-c1818乐彩骗局| www.fw03.com-快三猜和值大小技巧| www.110398.com-中国彩票改革| www.170251.com-上海时时乐彩| www.165227.com-跟群计划买彩票| www.575506.com-互联网彩票停售原因| www.660748.com-爱玩彩票网-| www.328365.com-彩票彩之网下载| www.750380.com-七星彩好的号码推荐| www.051939.com-租彩票app-| www.624093.com-51时时彩-| www.683592.com-义乌体彩店申请| www.741922.com-掌聊彩票骗局揭秘| www.815932.com-香港福彩网资料| www.882832.com-七星彩走势讲解| www.jv18.com-∵乐彩论坛-| www.564527.com-福利彩票机转让| www.686522.com-500彩票计划网址| www.62wa.com-海南特区彩票论坛网| www.2002.site-49c彩票老-| www.4684.cn-刺客研彩网论坛首页| www.388266.com-0567彩票app| www.454020.com-南京彩光祛斑医院| www.24vc.com-赛果及派彩结果| www.0398.ren-驾着五彩祥云| www.974694.com-排列三杀号2元彩票| www.ez6.cc-快三跨质号是指| www.741011.com-248爱彩网-| www.709055.com-246报彩神童| www.21234.cc-竞彩篮球比分直播吧| www.qq2.com-吉林省福彩-| www.828076.com-白菜彩票平台|