QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery tab选项卡排行榜切换代码

原创商用 jQuery tab选项卡排行榜切换代码

jQuery制作tab选项卡和图文排行榜列表切换,适用于畅销小说和商品销量排行榜切换代码。
分享到微信朋友圈
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代码

<dl class="tab-rank">

	<dt class="hd">
		<h3 class="on"><a href="#">会员活动</a></h3>
		<h3><a href="#">经验分享</a></h3> 
	</dt> 
	
	<dd class="bd"> 
		<ul class="ulList"> 
			<li class="t on">
				<span class="num">1</span> 
				<div class="c"> 
					<div class="pubpic">
						<a href="#"><img src="images/1.jpg" /></a>
					</div> 
					<div class="pubtitle">
						<a href="#">品桃花,赢好礼</a>
						<p>2013/02/15—2013/03/15</p>
					</div> 
				</div>
			</li> 
			<li class="t">
				<span class="num">2</span> 
				<div class="c"> 
					<div class="pubpic">
						<a href="#"><img src="images/2.jpg" /></a>
					</div> 
					<div class="pubtitle">
						<a href="#">中华儿女孝心行动---“熬胶孝敬..</a>
						<p>2012/02/02—2012/02/28</p>
					</div> 
				</div>
			</li> 
			<li class="t">
				<span class="num">3</span> 
				<div class="c"> 
					<div class="pubpic">
						<a href="#"><img src="images/3.jpg" /></a>
					</div> 
					<div class="pubtitle">
						<a href="#">中国贫血关爱行动——复方阿胶浆..</a>
						<p>2012/09/01—2012/09/30</p>
					</div> 
				</div>
			</li> 
			<li>
				<span class="num">4</span> 
				<div class="c"> 
					<div class="pubpic">
						<a href="#"><img src="images/4.jpg" /></a>
					</div> 
					<div class="pubtitle">
						<a href="#">阿胶糕进厨房,健康美丽吃出来</a>
						<p>2012/10/15—2012/12/31</p>
					</div> 
				</div> 
			</li> 
			<li>
				<span class="num">5</span> 
				<div class="c"> 
					<div class="pubpic">
						<a href="#"><img src="images/5.jpg" /></a>
					</div> 
					<div class="pubtitle">
						<a href="#">桃花姬阿胶糕,阿胶达人免费申领..</a>
						<p>2011/04/01—2011/04/25</p> 
					</div> 
				</div></li> 
			<li>
				<span class="num">6</span> 
				<div class="c"> 
					<div class="pubpic">
						<a href="#"><img src="images/6.jpg" /></a>
					</div> 
					<div class="pubtitle">
						<a href="#">秋冬滋补进行时,免费品尝东阿阿..</a>
						<p>2012/09/16—2012/11/30</p>
					</div> 
				</div>
			</li> 
		</ul> 
		
		<ul class="ulList2"> 
			<li class="t">
				<div class="pic">
					<img src="images/1.jpg" />
				</div>
				<div class="con">
					<div class="title">
						<a href="#">解密杨贵妃的倾城容颜,探寻阿胶文化的源远流长!</a>
					</div>
				</div>
			</li> 
			<li class="n">
				<div class="pic">
					<img src="images/1.jpg" />
				</div>
				<div class="con">
					<div class="title">
						<a href="#">阿胶文化之旅,探寻阿胶滋补的秘密!!</a>
					</div>
				</div>
			</li> 
			<li class="n">
				<div class="pic">
					<img src="images/1.jpg" />
				</div>
				<div class="con">
					<div class="title">
						<a href="#">天天吃鸡蛋不利女性健康</a>
					</div>
				</div>
			</li> 
			<li class="n">
				<div class="pic">
					<img src="images/1.jpg" />
				</div>
				<div class="con">
					<div class="title">
						<a href="#">樱桃可治疗贫血带来的妇科病</a>
					</div>
				</div>
			</li> 
			<li class="n">
				<div class="pic">
					<img src="images/1.jpg" />
				</div>
				<div class="con">
					<div class="title">
						<a href="#">桃花姬——吃出好身体,吃出好容颜</a>
					</div>
				</div>

			</li> 
			<li class="n last">
				<div class="pic">
					<img src="images/1.jpg" />
				</div>
				<div class="con">
					<div class="title">
						<a href="#">桃花伊面春常驻,阿胶养容润枯颜</a>
					</div>
				</div>
			</li> 
		</ul>
	</dd> 
</dl> 
 
<script type="text/javascript">
jQuery(".tab-rank li").hover(function(){ jQuery(this).addClass("on").siblings().removeClass("on")},function(){ });
jQuery(".tab-rank").slide({ titCell:"dt h3", mainCell:"dd",autoPlay:false,effect:"left",delayTime:300 });
</script> 
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.070654.com-香港高频彩前三组六| www.242581.com-166手机彩票| www.ev64.com-旺彩预测-| www.8202.top-辉煌彩票怎么升级快| www.213104.com-时时彩哪个好app| www.339485.com-破解速赢彩大小| www.501819.com-易彩国际马来西亚| www.610860.com-足球竞彩比分计算器| www.723538.com-常州福彩双色球| www.942233.com-全发彩票官网| www.cai7979.com吉林快三走势图表| www.wb57.com-福彩一等奖奖金| www.84jv.com-百乐门彩票官方平台| www.m22.club-七乐彩票软件下载| www.04827.com-谁知道在哪里买足彩| www.77kq.com-七星彩版区全版| www.1vh.com-办公彩色打印机价格| www.0888.la-彩票怎么更容易中奖| www.22161.cc-足彩分析师简介| www.101554.com-最有信誉的彩票网站| www.260321.com-网上彩票算赌博吗| www.452713.com-竞彩收米的软件| www.448981.com-彩票投注站怎么提成| www.80sr.com-六福彩票网址| www.8965.online九亿彩票计划| www.150453.com-快三买法-| www.293040.com-江苏福彩‖江苏体彩| www.481527.com-彩印基础包怎么设置| www.606722.com-福彩能在网上买吗| www.760567.com-福利彩票正规吗| www.hd04.com-广西福彩中心在哪里| www.34qs.com-彩神通3d推荐号| www.675197.com-体彩出奖结果| www.020706.com-七乐彩走势图中彩网| www.155244.com-足彩中奖领奖规则| www.305196.com-新手买彩票咋买| 星际www.930xj.com| www.0697.cm-西安彩票店生意转让| www.922837.com-彩票店能否转让| 500彩票www.52072p.com| www.ks29.com-湖北快三随州论剑| www.np21.com-双色球福利彩手机版| www.30876.com-8k彩票app主页| www.19519.com-手机上在哪能买彩票| www.244888.com-中国福彩推选机选号| www.70ty.com-婚恋时时彩诈骗破案| www.28639.cc-买竟彩-| www.031876.com-足彩翻倍跟单靠谱吗| www.513116.com-爱购彩快三-| www.198723.com-快乐彩票网站| www.388062.com-华彩咨询有多少人| www.923219.com-足彩欧赔铁律| www.lq07.com-双彩网app下载| www.13ga.com-竞彩足球网上怎么买| www.0051.top-给我一组彩票号码| www.000606.cc-彩乐乐安徽快三走势| www.112701.com-时时彩亏损返现平台| www.480060.com-体彩6十1奖池余额| www.060308.com-快三数链-| www.242800.com-常州福彩中奖| www.465359.com-今天彩票快餐| www.98755.com-时时彩方法研究| www.160375.com-风发彩票骗局| www.765911.com-盈盈彩票网址是多少| www.906917.com-极速快三走势怎么看| www.982170.com-3d新彩吧图谜| www.kp05.com-福建快三首页一定牛| www.964244.com-七星彩选号工具| www.879603.com-彩票追杀系统贴吧| JJ彩票www.47370.cc| www.93343.com-足彩对冲套利违法吗| www.56290.com-时时彩较稳的玩法| www.569428.com-手机收到博彩广告| www.4891.cc-足彩水平-| www.55552.com-七星彩获奖规则| www.244122.com-足彩即时比分| www.590658.com-胜负彩14场中8场| www.715581.com-彩票走势分析软件| www.836106.com-丰彩彩票怎么样| www.949148.com-电脑彩-| www.dy2.com-百盈快三是真的假的| www.5om.cc-竞彩个人所得税| www.185527.com-广西快三推测| www.237945.com-一分钟快三开奖| www.469446.com-怎么购买境外足彩| www.559341.com-福彩7位数开奖规则| www.497897.com-婚恋博彩骗局帮充钱| www.604879.com-彩猫竞彩-| www.7qb.cc-送免费彩金娱乐平台| www.36763.com-577彩票平台好吗| www.122544.com-欢乐彩正规吗| www.17771.com-竟彩网二维码| www.133776.com-河南省福彩网开奖| www.uc44.cc-全民汇彩票下载| www.24405.cc-快三好假-| www.65399.cc-西宁市体育彩票| www.98iw.com-长城彩注册-| www.277507.com-王文军彩票案件结果| www.01072.com-海南七星彩票| www.032975.com-彩票137下载| www.gr21.com-下载彩6彩票| www.07393.com-下载买福利彩票软件| www.83922.cc-农村天价彩礼作文| www.68464.com-趣彩网骗局揭秘提现| www.903923.com-彩票位和值怎么算| www.81871.com-时时彩上岸自救| www.766606.com-福彩倍投计算| www.885433.com-新浪爱彩大厅| www.952290.com-快彩11选5开奖| 500彩票www.26299s.com| www.356463.com-百度扫彩票怎么用| www.461588.com-彩壹万诚信网站| www.556521.com-怎么举报私彩| www.635155.com-奥尔夫七彩音符| www.0986.org-梦见朋友正在买彩票| www.31589.com-双色球易彩网买彩票| www.85841.com-彩票中大奖兑奖流程| www.368131.com-①13彩-| www.cai8868.com昨天江苏快三走势图| www.128726.com-南宁快三秒奶茶原料| www.221043.com-中国福利彩票官方网| www.235443.com-福利彩票3d交流群| www.305040.com-附近彩票投注站| www.367109.com-彩铅画夜空-| www.717862.com-足彩即时比分旧版| www.786368.com-时时彩有赢家吗| www.843517.com-南阳市结婚彩礼| www.894161.com-什么彩票中奖率高| www.952865.com-足球竞彩比分直播比| www.995913.com-新时代竞彩足球推荐| www.qy9.com-中彩论坛香港资料| www.ft4.cc-中国彩票网直播| www.210407.com-安徽快三购买技巧| www.420061.com-中博系统彩票| www.025106.com-vr十分彩app| www.122748.com-高频彩票人为控制| www.105434.com-01官方彩票网| www.rw67.com-神圣彩票客户端下载| www.936644.com-体彩无人彩票机无锡| www.cp2.tv-贵州体彩网-| www.677105.com-牛挂彩票-| www.737369.com-福彩三d今天奖号| www.795462.com-上海11选5一k彩| www.856025.com-时时彩福少软件| www.897464.com-五百竞彩比分直播| www.953348.com-竞彩足球310| www.991804.com-分分彩后一稳赚技巧| www.cp746.com-快三最大的平台| www.5208.tv-今天七星彩切头尾| www.re87.com-河北快三预测| www.81ru.com-快乐彩五行技巧大全| www.8795.xyz-体彩大乐透后区遗漏| www.860111.cc-下载时时彩票app| www.948969.com-彩票娱乐网站大全| 500彩票www.50064f.com| www.go99.cc-河南彩色道路| www.xz99.com-吉祥彩最新版| www.64er.com-福彩开奖主持人简介| www.080205.com-赌博彩票机-| www.208234.com-用ip代玩彩票套路| www.281219.com-时时彩遗漏统计| www.358423.com-新宝彩票官网登录| www.220851.com-中国正规彩票网站| www.793056.com-胜彩娱乐-|