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天

知道了
彩01彩票 www.487886.com-福彩吧app下载| www.301411.com-百宝彩青海快3| www.2822.site-k彩游戏下载安装| www.47no.com-dt大通彩票-| www.px05.com-彩民彩票ios| www.4537.cn-七乐彩号码-| www.79175.com-易网彩票预测汇总| www.3246.net-金鹿彩票-| www.47557.com-好彩妹干将莫邪| www.052052.cc-博彩平台出租出售| www.189400.com-快三网站平台官网娱| www.321814.com-大数据可以预测彩票| www.486223.com-我想玩国彩谁带我| www.609114.com-世界杯彩票停售原因| www.760597.com-时时彩平台软件| www.kk54.com-万博竞彩app| www.1uh.com-湖北体彩中心在哪里| www.034808.com-花生彩票是骗局揭秘| www.334579.com-彩票网提现不了| www.636488.com-基督教儿歌彩虹| www.529342.com-附近体彩销售点查询| www.602654.com-彩虹六号国服被禁| www.29828.com-福彩3d总汇二| www.4101.org-彩票生成器安卓版| www.36925.cc-快三已验证-| www.020755.com-乐和彩彩票官方下载| www.108635.com-最新彩彩票-| www.180549.com-中彩啦app下载| www.281508.com-时时彩和尾怎么算| www.2546.cc-爱音乐彩铃电信美国| www.280448.com-彩乐乐网站安全吗| www.454491.com-世界有名的博彩公司| www.0032.com-现在有多少种彩票| www.4712.top-彩客网怎样玩| www.809761.com-豪博5k彩票-| www.54475.com-时时彩怎么买才能赢| www.26ay.com-500彩票能买吗| www.897066.com-欧洲大乐透彩彩票| www.977623.com-纸箱彩印与覆膜| www.cp7968.com-快3福彩网app| www.uj85.com-彩票大赢家官方网站| www.74dl.com-万吧彩-| www.3346.xyz-彩票走势图没有更新| www.40552.com-瑞彩祥云作弊器| www.059249.com-大发快三微信群| www.92449.com-中原彩票网址| www.42ht.com-足球彩票心得体会| www.606063.com-博盈彩票是不是骗局| www.913536.com-彩票双色球预测精准| 彩客博www.8667g.com| www.fe64.com-淘彩app-| www.wy33.com-彩票大师必中| www.17bx.com-f彩网是什么网站| www.099991.com-彩帝app-| www.597598.com-印尼分分彩开奖记录| www.999567.com-福彩3000期走势| www.61ii.com-意彩登录-| www.387788.com-天下彩app下载| www.912493.com-快三人人-| www.4070.com-大乐透彩经网免费| www.65037.com-710竞彩平台骗局| www.6763.net-2o647如意彩| www.13nq.com-沈阳体彩11选五| www.137291.com-网上做兼职彩票| www.250624.com-中原彩票网官方网站| www.318048.com-赛车彩票几分钟开奖| www.262231.com-手机买彩票软件大全| www.360421.com-zfc彩妆加盟费| www.481636.com-幸运彩票会黑钱| www.565522.com-99彩吧开奖结果| www.657125.com-网购时时彩-| www.732996.com-百乐彩娱乐官网| www.819458.com-彩票计划免费app| www.bp60.com-时时彩过滤工具手机| www.365842.cc-彩铅渐变画可爱| www.474892.com-澳客500网彩票| www.549995.com-淮安体彩-| www.607612.com-茶光福彩网点查询| www.674880.com-福彩归什么部门管辖| www.739672.com-网上彩票赔20万| www.808279.com-手机新浪彩票网下载| www.873153.com-彩彩票导航-| www.132919.com-彩色混凝土压模材料| www.560769.com-民众彩票-| 500万彩票www.98528f.com| www.vk32.com-陕西福彩20选八| www.70ot.com-乐博彩票软件| www.04wg.com-儿童彩铅绘画图片| www.172.org-竞彩延期公告| www.31nm.com-彩虹下面歌词| www.408765.com-七星彩在线购买平台| www.543220.com-易彩彩票是什么| www.625203.com-我爱彩票平台怎么样| www.718759.com-有关彩虹的美好寓意| www.802248.com-长春市彩票站出兑| www.872010.com-贵州彩票投注站| www.964744.com-立体彩铅画教程| www.rh53.com-极速时时彩开奖结| www.79363.cc-快三最多买多少倍| www.634732.com-建盏回蓝能养出彩吗| www.036531.com-中国体育彩-| www.750368.com-933彩票网页| www.864834.com-安徽快三号码分布| www.973504.com-3d走势彩吧-| www.wa73.com-快三图片图片图库| www.54411.cc-福彩彩吧图迷汇总| www.056196.com-嘉定中奖彩民| www.181719.com-江苏快三彩票开奖| www.317825.com-有人在玩融彩网吗| www.r34.org-香港快三玩法| www.52ly.cc-足彩量化模型下载| www.2249.bid-福利彩票去哪里查询| www.131560.com-中彩手彩票安全吗| www.233380.com-快三杀号专家| www.322361.com-竞彩足球8串1全包| www.52745.com-快3福彩-| www.925139.com-旭彩网v56-| www.998246.com-网赌248彩票| www.14lr.com-新浪彩七星彩走势图| www.9096.xyz-彩之家软件计划| www.501218.com-2017海南马彩| www.571603.com-最新好彩门户网站| www.699990.com-竞彩资讯竞彩网| www.778828.cc-深圳一定牛福利彩票| www.853112.com-体彩浙江6十1| www.933924.com-彩票网站代理佣金| www.994803.com-好彩客彩票精选版| www.fv6.cc-彩票大发快三技巧| www.42147.com-彩12彩票苹果版| www.001510.com-分分28彩票合法吗| www.436498.com-云南体彩网点| www.317566.com-竞彩稳赢-| www.459970.com-下载彩世界-| www.12ci.com-求一外围竞彩网| www.213.red-三毛彩票app| www.365300.cc-体育彩票销售点编号| www.641230.com-凤翔彩票下载安装| www.104633.com-买足彩看什么最准| www.811222.com-彩票科学分析讲座| www.871254.com-彩73彩票下载| www.931912.com-中彩首席导师金振国| www.975647.com-云彩在线彩票合法性| 新盈彩www.xinyc2.com| www.6134.biz-如意彩是合法的么| www.87708.com-头彩娱乐平台| www.818539.com-体彩店的发展难| www.22520.cc-e彩票是正规的吗| www.930820.com-足球体彩玩法| www.61569.cc-乐优炫彩苹果app| www.835.org-东方彩下载-| www.539845.com-彩票百位出号码规律| www.705032.com-海南私彩注册网站| www.781554.com-拉菲彩票平台转钱吗| www.846757.com-彩票图彩在线| www.898084.com-彩吧彩票下载| www.949907.com-炫乐彩票网址多少| www.984774.com-快乐彩票骗人吗| www.pa1.cc-新手怎么买彩票流程| 500彩票www.202314.com| www.099466.com-厘彩票-| www.185898.com-博众时时彩官方网| www.971929.com-体育彩票手机app| www.bl2.com-868彩票网站| www.572499.com-湖北彩票三d|