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.527273.com-彩合网今晚开什么码| www.748666.com-一分赛车彩票天天输| www.674364.com-福彩双色球开机号| www.952465.com-o2o彩票送30| www.439785.com-百宝电子走是图彩票| www.625027.com-下载933时彩| www.781119.com-彩票赢钱20-| www.902281.com-国家怎么不深挖黑彩| www.45hg.com-体育彩票店奖池图片| www.65611.com-广东好彩发行中心| www.187337.com-时时彩买大小绝招| www.328370.com-福彩预测3d论坛| www.472227.com-主角彩票中奖的小说| www.752351.com-网上买彩票安全吗| www.912247.com-私彩和官方有关系的| 9号彩票www.80767u.com| www.c66.top-百宝彩app-| www.306905.com-贵阳体彩中心在哪里| www.483692.com-福彩3d牛牛网字迷| www.601784.com-百胜彩票网址是多少| www.716129.com-公益时时彩-| www.852695.com-福彩网专家预测| www.716939.com-会彩铅画能怎么赚钱| www.593459.com-北京七彩集团官网| www.755523.com-湖北快三购买平台| www.976714.com-四川广元彩礼价目表| www.3147.vip-新浪彩票页面打不开| www.78189.cc-中国福利彩试机号| www.150291.com-江苏快三号码组合表| www.369547.com-福彩今日藏机图| www.565731.com-易彩娱乐平台怎么样| www.165753.com-黑龙江省福彩中心| www.535175.com-黄金分割与数字彩票| www.728257.com-上海体彩网点查询| www.630916.com-胜负彩竞猜对象| www.812648.com-福彩西赵口彩吧晚报| 大赢家彩票平台www.976381.com| www.zo09.com-14胜负彩开奖| www.083.cn-新利时时彩走势图| www.75995.cc-竞彩足球计划表| www.260392.com-玩彩票是赌博吗| www.458993.com-月初彩票注册| www.032731.com-派彩走势图下载| www.300652.com-人人中彩票打不开| www.059635.com-k彩福地登录| www.441224.com-彩票728下载| www.15mw.com-qq彩票网官网| www.2692.cn-如意彩票开奖| www.6ix.cc-彩票中奖高手| www.3686.cc-苹果彩票官网登录| www.22504.com-13e彩票下载| www.94577.cc-皇冠足彩官方| www.664847.com-百福彩软件下载| www.444936.com-义乌体彩中心地址| www.863712.com-彩票网站入侵教程| www.50103.com-专家预测4场进球彩| www.039928.com-彩票那个网站有合买| www.191578.com-广西快三下载| www.225996.com-彩计划软件-| www.098098.cc-好运彩彩票幸运快三| www.50zw.cc-怎么下载五百彩票网| www.04rc.com-中国福彩会是真的吗| www.3609.vip-云南爱彩乐-| www.797968.com-温州市易彩车品| www.091606.com-春秋彩票登陆平台| www.284067.com-单色算不算彩色| www.xt18.com-彩票这个东西能买吗| www.93su.com-易彩堂真的还是假的| www.49769.com-英雄联盟博彩的网址| www.379584.com-彩票开奖结果历史| www.404180.com-王刚讲故事彩票王| www.628253.com-彩神争霸8的邀请码| www.848562.com-nba彩经预测分析| www.976764.com-彩礼数额-| www.369404.com-5k彩票网址导航| www.009046.com-福彩主任王素英| www.203529.com-快三大小怎么玩稳赚| 吉利彩票www.80075h.com| www.sh69.cc-香港福利彩票资料站| www.327344.com-今日体育彩票| www.6165.cc-乐盈网彩票| www.808337.com-竞彩网任九开奖结果| www.28212.cc-谁中过彩票-| www.220810.com-金牛彩票-| www.435002.com-彩票机构-| www.606201.com-莱利彩票注册| www.34241.com-福彩快三表图| www.136352.com-广西体彩手机投注| www.362579.com-为什么网络彩票上瘾| www.778980.com-香港`超级彩霸王| www.949074.com-抢红包彩票网站| www.82789.com-体彩中心周末兑奖吗| www.127907.com-周杰伦彩虹在线试听| www.505941.com-彩票案件是怎么回事| www.099706.com-盈彩彩票是真是假| www.848807.com-时时彩皇家开奖软件| www.8368.pw-局王七星彩下载长图| www.867392.com-那个彩票网站最正规| www.9213.tv-航天彩虹民企| www.438375.com-分分彩买一个好技巧| www.964964.com-彩票追加-| www.948292.com-彩吧论坛首页天齐| www.133057.com-网上买世界杯彩票| www.356202.com-彩雷王1688-| www.515105.com-海南七星彩图版下载| www.26626.com-彩票平台对刷漏洞| www.784441.com-大胜彩票首页| www.007733.com-河南福彩大厦| www.974588.com-众彩乐综合版金亚洲| www.gt56.com-彩票快3在哪里买| www.26gv.com-买彩票图-| www.227030.com-彩客网触屏版| www.024032.com-六台彩迷宫14| www.129898.com-中国体彩篮球| www.012535.com-久久彩票app| www.752424.com-体彩二元网-| www.897925.com-体彩竞彩店太大| www.sk88.com-竞彩投注app| www.009291.com-178彩票邀请码| www.cc36.cc-陕西11选5爱彩乐| www.871649.com-中国福利彩票彩种| www.13090.com-今天竞彩推荐| www.673957.com-和玺彩画和旋子彩画| www.16416.com-足球竞彩比分预测| www.143856.com-竟彩足球-| www.795565.com-古林快三开-| www.083844.com-网恋彩票托的套路| www.198920.com-彩票快三怎么玩法| www.505291.com-国际时时彩-| www.vu63.com-乐购彩票提现| www.nt4.com-3d彩票走势图| www.hy15.com-中彩网登录-| www.4gp.cc-福利彩票中奖亿| www.218.mobi-好运快三有规律吗| www.00543.com-今晚足彩-| www.318437.com-七星彩9的对数什么| www.454576.com-出名的博彩-| www.cp171.com-大发快三下载手机版| www.6368.biz-彩票挂机方案是什么| www.030083.com-大地彩app下载| www.523567.com-微信开时时彩赌博群| www.968430.com-三分时时彩开| www.53fw.com-体彩500万税点| www.211160.com-安徽安徽快三走势图| www.340300.com-兼职代打彩票赚佣金| www.978469.com-中福快三下载安装| www.6178.cc-传统足彩开县| www.598205.com-体彩足球胜负彩| www.881991.com-怎样手机购彩| www.82883.cc-新浪彩票资讯网| www.387329.com-怎样贴手机彩膜视频| www.789031.com-36彩票全国开奖| www.905217.com-在亿彩彩票上被骗| 吉利彩票www.66376h.com| www.116090.com-被网上彩票骗的钱| www.881045.com-918彩票-| www.344559.com-雪缘园竞彩足球比分| www.x41.cc-天天体彩视频| www.249322.com-七星彩走势大彩网| www.3852.bid-2019七星彩规律| www.027015.com-湖北快三遗漏统计表| www.178031.com-快三走势图和值| www.806538.com-体彩彩帮-| www.5se.com-昆明福牛牛彩票网|