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.254957.com-内蒙时时彩开奖| www.569392.com-未来彩票娱乐| www.696861.com-汪汪时时彩苹果系统| www.838441.com-8k彩票主页下栽| www.358835.com-体彩中5个数多少钱| www.526696.com-天马彩票彩种| www.873817.cc-足球彩票怎么看主队| www.924322.com-世界彩票最高奖金| www.220.me-想开个彩票店| www.281518.com-竞彩体育彩票店提成| www.253835.com-青海快三077预测| www.48de.com-张星彩是谁-| www.813743.com-中港彩票网址多少| www.7673.xyz-彩票犯罪图片| www.65qs.com-重庆14彩合法吗| www.6646.tv-双彩论坛怎么打不开| www.29262.com-799彩票苹果版| www.168638.com-老时时彩-| www.185320.com-好彩一生肖走势图| www.1934.wang-彩拾极速pk拾| www.70628.com-一品堂彩票计划| www.9158.tv-彩78是正规彩票吗| www.57701.com-双色球中彩村走势图| www.013928.com-彩杀号-| www.013712.com-亿彩有多少人亏钱| www.9147.biz-彩娱乐平台登录| www.z07.org-山东省体彩大乐透| www.13664.com-360足彩即时比分| www.kd48.com-常州福彩兑奖中心| www.56834.com-购乐彩app-| www.c43.com-今天体彩开奖号| www.ou.com-甘肃快三走势| www.wf62.com-幸运彩票官网| www.682666.cc-哪个网站可以买足彩| www.448336.cc-福彩演播室答题| www.552456.com-玩五分彩有什么技巧| www.637580.com-彩虹6视频-| www.721062.com-新②彩票论坛白小姐| www.805902.com-十元刮刮乐彩票种类| www.882120.com-彩票私彩网站| www.970845.com-腾讯分分彩任三漏洞| www.cp646.com-人人彩票-| www.303213.com-7彩阳光-| www.140559.com-体彩一等奖领奖流程| www.562244.com-什么是彩票流水| www.373806.com-好彩炸金花-| www.112562.com-吉林快三投注群| www.222881.com-分分快三规律| www.125887.com-大牌彩票官网| www.137521.com-易彩网可靠么| www.086040.com-红五星彩票软件| www.246123.com-江苏彩票中心在哪里| www.338775.com-彩尊国际登陆地址| www.473475.com-中国彩票软件开发| www.558313.com-老虎彩票-| www.650066.com-博彩骗局在国外| www.069646.com-中国福彩网上购买| www.206198.com-博彩王彩票-| www.765776.com-七乐彩直播开奖记录| www.883340.com-快彩在线是不是赌博| www.ne96.com-彩13-| www.tp21.com-彩票刷对冲佣金| www.48588.cc-釉中彩是什么意思| www.53od.com-怎样玩彩票能稳赢呢| www.400001.cc-46彩-| www.7358.vip-9811彩票-| www.084900.com-彩票机连接电器失败| www.08376.com-体彩官网app| www.615646.com-玖玖发彩票-| www.826872.com-怎么才能戒掉玩彩票| www.ri99.com-极速快三有挂吗| www.2618.top-中福彩票在线| www.86527.com-网上彩票作弊| www.590535.com-七星彩涂谜-| www.49556.com-分分钟彩票赛车直播| www.57712.com-彩票程序告别死工资| www.026189.com-现在最大的黑彩平台| www.115941.com-被彩票托骗了| www.205538.com-十分快三下载链接| www.268304.com-彩涂铁板-| www.526968.com-时彩网下载-| www.620902.com-新浪体彩福彩走势图| www.712793.com-吉林快三是赌博吗| www.869386.com-够力七星彩规律图| www.394618.com-江苏体彩兑奖地址| www.364989.com-阳光彩虹小白马原唱| www.wm21.com-123会员彩票下载| www.196693.com-彩票开奖七星彩| www.393521.com-长春体彩到哪里兑奖| www.313763.com-福利彩票咋玩| www.525251.com-开黑彩网站犯法吗| www.th53.com-时时彩一星倍投表| 亚投彩票www.ya190.com| www.90tp.com-沁县李彩英演出| www.8181.hk-贵州快三预测结果| www.460863.com-天空彩开奖-| www.566525.com-和彩是什么彩票| www.653434.com-澳可彩票网-| www.729816.com-时时彩真的能赚钱吗| www.801708.com-600彩票网登录| www.866985.com-彩票哪年网上停售| www.920328.com-支付宝可以买彩票吗| www.972324.com-福彩3d一定牛下载| 500彩票网www.903559.com| www.js41.cc-单双大小彩票app| www.35372.cc-福彩跟体彩哪个更假| www.73055.com-快三二同号| www.zp59.com-福彩3d新玩法规则| www.55di.com-安顺市福利彩票中心| www.077090.com-新彩网字谜-| www.cp3775.com-幸运快三是什么彩票| www.244097.com-体彩大乐透综合走势| www.365128.cc-彩天堂平台手机登录| www.631340.com-富彩8800gts| www.898662.com-时时彩挂机软件骗局| www.461.mobi-穷人为什么彩票| www.583760.com-分析彩票的软件有吗| www.801012.com-皇都彩票安全吗| www.936862.com-福彩自动售票机加盟| www.ue48.com-78彩票-| www.225466.com-谁有微信彩票群| www.7343.com-余干福利彩票点部| www.353466.com-京彩集团快3公式| www.551316.com-4场进球彩预测| www.885567.com-安徽快三全-| www.0418.vip-舟全乐图彩网| www.180252.com-玩快三犯法吗| www.s89.com-微信合买彩票| www.6783.net-幸运彩票漏洞| www.25383.cc-水溶彩铅桃花| www.408177.com-够力七星彩图| www.091124.com-网易买体育彩票安全| www.131372.com-周口的彩礼和陪嫁| www.314202.com-3d彩票开奖查询| www.782102.com-叶贝斯定律与彩票| www.867842.com-七星彩奇葩号| www.001967.com-七彩乐怎么看中奖| www.941411.com-中福时时彩计划| 盛大彩票www.ct8844.com| www.731483.com-贵烟好彩价格| www.750489.com-好彩vip下载| www.832456.com-七彩直播最新版| www.891418.com-彩票走势图下软件| www.954296.com-时时彩助手ios| www.996468.com-博友彩票平台官方网| www.fa89.com-瑞彩祥云套路| www.yy27.com-河南快三害死人了| www.063888.cc-时时彩注册送38元| www.869825.com-怎么看彩票开奖视频| www.603835.com-佬牛足彩专家预测| www.404663.com-七星彩讲解-| www.19cw.com-身边彩票中奖的人| www.151307.com-多乐彩票平台| www.222410.com-盈彩网app-| www.295959.com-江苏老快三走势图表| www.324888.cc-华人彩官网注册登录| www.684003.com-福彩3d胆码技巧| www.96711.com-足球彩票圈贴吧| www.088983.com-彩票4+1多少钱| www.739463.com-头条彩票平台| www.912549.com-爱彩彩票安全吗| www.af17.com-七乐彩开奖号码预测| www.ta83.com-彩票数字一共几位数| www.25an.com-体育彩票店开门时间|