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.65qe.com-山东彩票网首页| www.21673.cc-彩民之家开机号今日| www.863243.com-60彩票送彩金| www.228563.com-彩妆店-| www.195007.com-3d彩票开奖号| www.22822.cc-彩票网排行-| www.91922.com-丰彩有中奖的吗| www.080507.com-19042七星彩| www.199043.com-体育彩票怎么买号码| www.321329.com-南国体彩论坛4| www.716349.com-彩铅人物古风| www.836292.com-银豊彩票-| www.947650.com-福利彩票营销计划| 博友彩www.912269.com| www.nv65.com-彩票输了7万了| www.fc26.com-乐彩赢-| www.cc68.cc-黑彩必输-| www.775203.com-彩网官网电脑版| www.1578.org-多彩贵州是什么单位| www.1940.in-最新万彩吧-| www.88690.com-cp9彩票官网| www.4417.cn-南京快三-| www.02008.com-彩经网官方网站下载| www.57466.com-分分彩必赚方法| www.027739.com-基诺彩开奖网站| www.221790.com-网络彩票破解软件| www.ju02.com-学彩铅画的好处| www.333720.com-体彩排列五中奖条件| www.965743.com-彩神app登录平台| www.002272.com-三地彩票定胆杀号| www.137004.com-99彩票登录平台| www.246426.com-易彩票极速快三| www.329772.com-足彩分析新浪310| www.206605.com-利彩彩票合法吗| www.12966.cc-体育彩票61中奖| www.265244.com-快乐彩走-| www.887631.com-买彩票11选五心理| www.qx30.com-彩世界软件-| www.6578.org-聚鑫乐彩票-| www.89fs.com-新彩快3三开奖结果| www.12wi.com-好彩香烟爆珠蓝莓味| www.8138.in-福彩年后开奖日期| www.165700.com-中彩平台提现规则| www.2007.org-自己分析彩票软件| www.032106.com-香港赛马赛果和派彩| www.443370.com-网易彩票代理挣钱吗| www.29223.cc-手机购彩怎么样| www.122284.com-福彩双色球作弊案| www.680110.com-兴盈快三是假的| www.651398.com-十是彩票-| www.482530.com-五位数的彩票有哪些| 818合彩www.www.9889hc.com| www.nf02.com-皇都彩票信誉怎么样| www.713071.com-快三是什么样的赌博| www.809323.com-玩彩票可以赚钱吗| www.876740.com-正版港彩-| www.939510.com-今日头条彩票推荐| www.993329.com-彩神彩票网官方端口| www.ad74.com-智慧彩挂机-| www.940795.com-七乐彩7中3多少钱| www.675061.com-今晚六给彩开奖结果| www.12bh.com-福彩3+d开机号| www.1111.me-风云团队彩票| www.58297.com-玩官方彩可靠吗| www.917.cm-申请福彩站点时间| www.563909.com-稳赚体彩竞猜平台| www.962121.com-彩涂-| www.zv09.com-时时彩投注平台网站| www.527599.com-时时彩和尾跨度表| www.715195.com-彩票微助手小程序| www.797800.com-买彩票源码-| www.904081.com-91彩神快三代玩| www.r38.net-湖北快三全天多少期| www.70kf.com-福彩三地中奖信息| www.336164.com-快三多长时间一期| www.0679.vip-彩票站如何申请| www.037068.com-大羸家彩票-| www.021349.com-北京快三还有半顺吗| www.118809.com-购彩网邀请码是什么| www.7275.xyz-彩虹六号4k壁纸| www.418088.com-一号彩票安卓版下载| www.019479.com-彩吧祝手-| www.327592.com-湖北快三查询| www.547158.com-高频彩开奖平台| www.974312.com-福彩三d开奖号预测| www.126426.com-大众彩票是公办的吗| www.389931.com-彩票中奖方法传奇| www.210356.com-幸运快三计划网址| www.32aa.com-大中华福利彩票世界| www.55872.cc-彩神娱乐-| www.za14.com-红牛彩票怎么看大小| www.27ns.com-体彩小熊猫图谜| www.6661.cc-一般彩票是几位数字| www.42874.com-腾讯彩票竞彩| www.985804.com-自贡市福利彩票点| www.jl92.com-北京28彩票合法吗| www.9386.vip-如何验证彩票真伪| www.130541.com-百度福彩双色球预测| www.315558.com-上海彩票店生意转让| www.456821.com-中国福利彩票发行| www.79566.cc-福彩l5选5走势图| www.052057.com-租app彩票服务器| www.88198.cc-彩票app违法| www.667888.com-博猫彩票改名| www.028097.com-彩票软件开发公式| www.39040.com-网上在哪买彩票| www.995.date-体彩大乐透号码范围| www.11rj.com-彩色的翅膀主要内容| www.92yb.com-时时彩谁有群| www.3489.cn-外国能买彩票的网站| www.3402.me-玩彩彩-| www.9bk.com-超级百万彩票玩法| www.515641.com-彩票稳定盈利模式| www.600051.cc-竞彩胜平负开奖| www.677627.com-快三和值与跨度表| www.993619.com-竞彩之家官网下载| www.dm72.com-彩票小鹿助手| www.987632.com-汇彩网下载-| www.094455.com-体彩19025期| www.229002.com-易彩快三中奖规律| www.366892.com-体彩奖金包括本金吗| www.523335.com-19049期足彩| www.727408.com-彩票网站不给提款| www.866439.com-昨晚彩票开奖号码| www.972991.com-彩虹天界app| www.144852.com-福彩3d詹天佑预测| www.961346.com-竞彩猫官网任九擂台| www.950883.com-聚彩是不是骗局揭秘| 凤凰彩票www.88266b.com| www.pw23.com-帝皇彩票下载| www.58om.com-体彩大乐乐开奖结果| www.0187.la-彩票16下载-| www.729.me-时彩软件下载| www.970394.com-天天乐彩新人注册送| www.cai6600.com吉林省的彩票快三| www.8215.cc-3d福彩大全-| www.712898.com-福彩3d心太黑了| www.799710.com-体彩开奖今天| www.878193.com-重庆彩大底计划| www.953165.com-好彩三八是什么生肖| www.997193.com-体彩高频彩-| www.ed5.com-十十彩十分钟一期| www.kb43.com-镇江体彩-| www.017736.com-想开家福利彩票店| www.70dd.com-上海快彩电子走势图| www.807217.com-温州福利彩票店转让| www.up80.com-杏彩最新登录地址| www.87399.cc-个体彩字谜-| www.4051.me-福彩三d所有图表| www.500699.com-英国5分彩开奖软件| www.600061.cc-彩票买多少钱合适| www.686821.com-中彩那天课文概括| www.2277.live-彩票单式不好中| www.94mo.com-同志彩票骗局大揭秘| www.2020.tv-恒发彩票平台| www.474615.com-博恩彩之堂-| www.548399.com-幸运8彩票-| www.609705.com-福建7星彩开奖号码| www.678761.com-彩票计划哪个准| www.751911.com-扬州彩票-| www.812577.com-福彩3d大底-| www.875793.com-买彩票的诗句| www.942727.com-彩票代理刷流水会员| www.988515.com-中彩双色球走势图表|