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.16xs.com-智行彩票-| www.968188.com-宁夏体育彩票排列五| www.wh1.com-福利彩票开奖走势图| www.3oj.com-彩票行家con| www.88xd.com-海南七星彩手机版| www.tw8.com-爱彩乐专业版大发| www.810257.com-彩票店规定-| www.358756.com-海南七星彩网址| www.798766.com-精彩大片-| www.941004.com-全球彩票优惠| www.am28.cc-快三号码和值图片| www.599816.com-篮球体彩的心得| www.759355.com-高频彩十年高手心得| www.964738.com-江苏足球e球彩| www.7do.com-中国红彩票20| www.035653.com-彩票交流qq群号| www.515454.com-七星彩1500期| www.652899.com-福彩3d蓝精灵彩报| www.772931.com-足彩胜负结果分析| www.tt38.cc-福彩购彩大厅| www.835448.com-好彩三八解生肖| www.984391.com-中国福利彩票什么玩| www.yk48.com-长春逸彩快三| www.570221.com-彩票三地综合走势图| www.105211.com-凤凰竞彩官网| www.845428.com-台湾彩票返奖率| www.6481.cn-天猫体彩店加盟| www.882383.com-中国体育彩票售卖点| www.965569.com-胜利彩官方客服| www.cai3366.com江苏快三胆拖玩法| www.885948.cc-彩票平投与倍投| www.966589.com-腾讯中国彩合法吗| www.cai5311.com甘肃快三预测一定牛| www.789515.com-竞彩足球对冲必胜| www.879084.com-和彩资料大全10| www.955980.cc-亚洲首富彩票| 易彩网www.12455l.com| www.283342.com-彩票数字的周期循环| www.862536.com-澳客网彩票预测专家| www.04af.com-新启旺彩票-| www.55042.com-近两年彩票中奖号码| www.339956.com-彩票中奖整人短信| www.506738.com-彩吧讨论-| www.087017.com-微彩是骗局揭秘| www.253426.com-搜神传的好彩妹| www.179366.com-玩快三输钱案例| www.789101.com-十四场胜负彩039| www.892311.com-福彩3d分析软件| www.982455.com-福彩快3推荐码| www.db7.com-湖北快三跨走势图| www.wf32.com-甘肃快三统计图| www.73ji.com-体彩5d中奖号码| www.1694.org-博彩和赌博有区别吗| www.17618.com-足够竞彩比分| www.487575.com-三分彩怎么看规律| www.583776.com-彩票特别号如何预测| www.xk25.com-彩票01app-| www.42gi.com-3d彩票稳定-| www.1147.vip-晨兴彩票手机版| www.9609.loan-福利彩票造假事件| www.ky80.com-福彩3d图纸-| www.r48.cn-有没有玩滴滴彩票的| www.016108.com-唯彩会老版本| www.488449.com-买重庆时时彩网站| www.637289.com-彩虹电玩城下载安装| www.338978.com-恒大彩票注册| www.854816.com-运彩网入口-| www.495569.com-如何买福彩容易中奖| www.jg51.com-手机彩票33登录| www.751912.com-1号彩票网址| www.866462.com-昨体彩中奖号| www.950910.com-大乐透彩票奖金| 大赢家彩票平台www.107658.com| www.444876.cc-ai彩虹-| www.110329.com-新乐彩计划-| www.55176.cc-微彩网址-| www.026591.com-幸运中彩票app| www.751548.com-搜索今晚彩票开奖| www.846667.com-福彩3d模拟购买| www.gz52.com-彩88-| www.65na.com-新时代彩票-| www.698349.com-福彩栋栋团队| www.300029.com-七天彩网址是多少| www.234902.com-双彩球开奖结果| www.3849.cc-西安彩票案-| www.13573.cc-足彩奖金计算公式| www.73199.com-易彩完美修复补漆| www.809329.com-买那个彩票中奖率高| www.886320.com-五彩彩票-| www.980899.com-彩788平台靠谱吗| www.41ru.com-新e乐时时彩| www.uy93.com-广西体彩中心官网| www.96776.cc-亚博体育假彩票充值| www.592180.com-最好的彩票软件| www.732656.com-淮安彩票店-| www.856240.com-七星彩票开奖七星彩| www.956101.com-买彩票的正确心理| www.cd79.com-福彩快三代理违法吗| www.77zn.com-在国外怎么买足彩| www.6494.com-开心彩票官网| www.543022.com-体彩一句定三码| 博乐彩票www.388229.com| 鑫亿彩www.196109.com| www.31171.cc-易彩快3群-| www.823330.com-彩镀铁板-| www.922272.com-约彩365中了5万| www.988542.com-57彩票app-| www.lw0.cc-体彩排列三走势图表| www.3781.biz-7星彩直播开奖现场| www.771736.com-澳洲国际时时彩| www.878413.com-彩票万能公式脚本| www.966317.com-极速快三辅助器| www.tf.cc-vip彩票官方平台| www.216887.com-22彩票ios版| www.357778.com-彩票a8骗局-| www.493556.com-彩票网站制作成本| www.243438.com-玩彩票wcp下载| www.15698.com-微信扫码的彩票平台| www.329565.com-深圳福彩网开奖结果| www.825552.com-台湾宝岛快三查询| www.885955.com-内蒙古体育彩票站点| www.957394.com-新时时彩彩票大赢家| 彩票坊www.022yn.cc| www.bf23.cc-百胜快3彩票app| www.sy70.cc-vr十分彩开奖历史| www.395827.com-3月19号福利彩票| www.ie6.com-一分快三开奖查询| www.83844.cc-彩75平台怎么样| www.070740.com-高频彩前三组绝技| www.302670.com-彩票576-| www.428702.com-强力巨彩害死人| www.533290.com-彩票均衡原理实战| www.606162.com-七星彩几等奖咋分的| www.34873.com-体彩三地走势图| www.708399.com-超级彩票是不是真的| www.813600.com-福彩今日报纸内容| www.922848.com-体彩代销证过户| 天天彩票www.83560.com| www.1192.pw-本期彩票预测| www.537002.com-体彩店名字-| www.672789.com-七星彩预测大师| www.10cn.com-云彩店足彩app| www.818.cn-七星彩是哪个省的| www.33548.cc-福利彩票3第结果| www.790168.com-彩名堂计划官网| www.859709.com-泉州体彩音乐聊天| www.906833.com-彩票类型有几种| www.966815.com-燕赵福彩新闻公告| 网易彩票www.07163d.com| www.fw59.com-乐彩vip官网| www.591725.com-沙巴是哪的博彩公司| www.931865.com-新浪竞技体育彩票网| www.71736.com-彩票对打套利方法| www.599557.com-篮球体彩网-| www.095009.com-鬼六口诀彩吧图库| www.484433.com-福彩3地图谜| www.943679.com-重庆彩票网官网开奖| 亚洲彩www.68568r.com| www.943336.com-百胜彩票是什么网址| www.468817.com-三d彩票吧-| www.801866.com-刺客论坛3d彩经网| www.561059.com-8828彩票网页| www.eu65.com-下载彩神app| www.24bc.com-网络黑彩被骗报警|