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.1230.cm-腾讯出售华彩控股| www.86qr.com-辽宁彩票中奖没人领| www.9971.top-进口彩妆排名前十名| www.114.ren-500彩票官方运营| www.485724.com-返回三分时时彩| www.121435.com-长沙彩票网络诈骗案| www.mj27.com-9188彩票网-| www.078500.com-盈彩在线app下载| www.201799.com-河北快三时间| www.321844.com-彩8预知软件| www.424411.com-七加一是什么彩票| www.8486.mobi-中彩网快3是真的吗| www.22912.cc-3d博彩吧-| www.155229.com-足彩2串1对冲| www.163148.com-易网彩票怎么下载| www.014530.com-海南七星彩前四位| www.138031.com-微彩吧合法吗| www.948953.com-福彩大官判刑| www.586626.com-福利彩票资讯网| www.436137.com-彩投彩票网app| www.071799.com-彩70平台-| www.99ht.cc-竟彩258球迷| www.77cn.com-高频彩票记录| www.182886.com-新快三网上投注平台| www.59610.com-旧版彩库宝典| www.028769.com-彩票平台猜大小| www.513131.com-爱购彩投注网页| www.625204.com-体彩刮刮卡害死人| www.701288.com-网上骗别人买彩票| www.778041.com-体彩七位数玩法规则| www.907769.com-合肥体彩几点上班| www.970859.com-彩票漏洞交流| www.bx0.cc-彩868-| www.9ri.cc-玩彩票怎么算是赌博| www.029040.com-天马彩票大发快三| www.954267.com-ssc彩下载-| www.1263.pw-体彩时时彩11选五| www.43bh.com-常精彩-| www.980694.com-利彩平台软件| www.iw04.com-皇都彩票下载| www.6xd.com-足彩九场胜负彩| www.ys85.com-兴平体彩-| www.596166.cc-时时彩掌赢专家下载| www.717908.com-彩客app-| www.883176.com-彩友多合买是真的吗| www.973821.com-江苏快三开挂| www.cg80.com-时时彩代理刷流水| www.965043.com-彩七七介绍-| www.410170.com-好彩头要倒闭了| www.286566.com-3d彩吧图一版| www.520946.com-红旗彩票投注站地址| www.591210.com-ck彩客网怎么赚钱| www.113530.com-四川有福彩快三吗| www.220535.com-分分中彩票下载安装| www.7884.pw-五分快三官网| www.288859.com-快享平台新快三| www.61vj.com-福彩排列三今天预测| www.986720.com-k彩测速-| www.241615.com-七星彩中奖规则查询| www.193315.com-彩票走势图3d| www.36099.com-华彩双色球-| www.001540.com-天天爱彩票提现不了| www.028691.com-江苏大发快三| www.381771.com-肥城体彩三亿大奖| www.75620.com-彩票网站怎么刷流水| www.553533.com-足彩8串1奖金封顶| www.657266.com-福彩消消乐怎么加盟| www.771787.com-一分钟时时彩计划网| www.874150.com-中国彩票销售| www.953915.com-新浪爱彩足球比分| www.xc2.cc-江苏快三振幅| www.162786.com-长沙彩票店-| www.044.cx-什么app玩时时彩| www.9963.vip-彩票那个奖金最高| www.262914.com-江苏快三预测推荐表| www.139362.com-买彩票算不算赌博| www.058358.com-家彩网首页-| www.617539.com-齐鲁风采彩票| www.694968.com-福利彩票兑奖地址| www.789680.com-彩娃彩票官网网址| www.869397.com-购买七星彩投注网站| www.928515.com-骗去玩七星彩| www.976174.com-彩礼三万六千八| www.cp259.com-江苏福利彩票快3| www.019168.com-陕西利彩快3| www.42421.cc-558彩票是真的吗| www.965531.com-彩票机吧-| 博友彩www.682224.com| www.094433.com-体彩有快三吗| www.86234.com-竞彩足彩漏洞| www.892391.com-彩票榜安卓-| www.066906.com-如何买外围彩票| www.353215.com-京彩集团正规吗| www.443644.com-大盘娱乐福彩预测| www.545266.com-福利彩票组选3开奖| www.604993.com-超级大乐彩开奖视频| www.669447.com-体彩胆是什么意思| www.730510.com-福彩六大专家杀号| www.791049.com-福彩快乐十分改版| www.854523.com-内蒙快三彩乐乐| www.518992.com-乐彩网5分快3| www.87737.cc-关于京东彩票网| www.071444.com-人人竞彩官网首页| www.189241.com-内蒙古快三app| www.77676.com-彩票老店主今日推荐| www.022841.com-河南派彩-| www.338888.cc-打开重庆时时彩网站| www.444044.com-35彩票所有版本| www.554422.com-竞彩足球宣传语| www.8026.cm-彩虹伞介绍-| www.r28.vip-永安彩票可以提现吗| www.906936.com-中国福彩双色球规则| www.gl88.cc-福彩网下载-| www.584.net-时时彩预测器在线| www.550990.com-网易彩票怎么合买| www.995453.com-易彩诈骗-| www.15nh.com-彩35彩票领导者| www.635209.com-购买重庆时时彩平台| www.731272.com-易彩堂注册-| www.800821.com-世界杯足球竞猜彩票| www.873411.com-四川体彩手机投注| www.925030.com-福利彩票中心官网| www.968543.com-瑞彩网论坛-| 新盈彩www.xinyc5.com| www.059201.com-我的k彩-| www.2469.vip-手机迷彩兔电影| www.333911.com-体育彩票如何看| www.84vv.com-体彩大年初几开业| www.4727.me-十分彩官网客户端| www.603219.com-体彩店佣金多少| www.68ur.com-金冠彩票手机版| www.006344.com-山东体彩官网| www.746755.com-505彩票网站多少| www.222767.com-福彩app下载| www.970173.com-燕赵福利彩票首页| www.388890.com-分分彩定位胆心得| www.241099.com-简单彩铅画小清新画| www.511040.com-刘畊宏彩虹天堂下载| www.86986.com-吉林快三10中开奖| www.869823.com-老版唯彩会-| www.995467.com-足彩冷热指数网| www.ta20.com-彩票种类-| www.6250.top-宁波彩票中奖情况| www.sa7.com-南方双彩网专家预测| www.121035.com-福彩双色球选号秘诀| www.58zb.com-动态炫彩图片| www.8341.biz-东方彩票可能吗| www.3179.biz-天天爱彩票一| www.595328.com-彩票外挂作弊软件| www.19535.cc-中彩票608-| www.676356.com-请搜索福利彩票| www.685027.com-最新足球彩票对阵表| www.763210.com-福利彩票骰子| www.i41.shop-下载排三彩票开奖| www.04fj.com-广西快3福利彩票| www.659572.com-足球彩票一足彩投注| www.296311.com-竞彩足球胆拖稳赚法| www.sf05.com-亚投彩票计划网| www.vb16.com-福彩3d万彩吧| www.236095.com-江苏快三网易彩票| www.694820.com-竞彩篮球投注比例| www.790502.com-彩票抽奖软件| www.4446.in-福彩三d图谜汇总九| www.89189.cc-盈彩娱乐网址|