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.r15.xyz-叫你看彩票曲线图| www.280797.com-重庆老时时彩彩开奖| www.563903.com-人人福彩快三| www.672250.com-彩宝真的假的| www.858291.com-即时开彩结果| www.976867.com-潍坊彩礼-| www.c87.vip-中彩乐网站-| www.go87.cc-河南都有什么彩票| www.17131.com-福彩3daa牛材网| www.055760.com-彩票投注平台可靠吗| www.129560.com-新星彩贵宾中彩网| www.67792.com-彩票是否赌博| www.382798.com-19035足彩-| www.30em.com-昨天福彩票出的什么| 网易彩票www.089wy.com| www.47xn.com-福利彩票计算软件| www.sb02.com-体彩双胆预测| www.439999.com-百宝彩票在线| www.931304.com-8彩票网-| www.84qv.com-福彩3d全图总汇九| www.46uy.com-今日竞彩胜平负温胆| www.6759.cc-彩票站网上接单下载| www.98551.cc-足球胜负彩分析预测| www.ze13.com-彩票营销话术| www.916.website彩之王是什么花| www.624125.com-中彩网双色球旧版走| www.704391.com-快三回血技巧| www.791634.com-彩票支票多久到账| www.874759.com-亚博体彩app| www.988719.com-时时彩平台改号制作| www.dl68.com-马来西亚福利樂和彩| www.282270.com-上海快三号码推荐| www.519525.com-信彩彩票黑款| www.691946.com-彩乐乐手机版| www.938855.com-福利彩票快3河南| www.zm95.com-彩神vip-| www.po17.com-湖北快三遗漏号统计| www.48180.com-河北彩票开奖杳询| www.wt01.com-快三速查-| www.312074.com-带你买彩票是真的吗| www.564522.com-最火的87彩店| www.32ds.com-双色球杀号唯彩看球| www.3432.vip-北京一分钟赛车彩票| www.022371.com-快乐彩票幸运快3| www.16211.cc-竞彩网pc版-| www.157961.com-竞彩足球哪个好玩| www.64gb.com-大彩开挂-| www.9343.biz-福利彩票上级单位| www.097979.com-体育彩票购彩app| www.282353.com-湖南体彩论坛| www.964381.com-足彩票比分500| www.5hi.cc-体彩大乐透大奖地区| www.030678.com-今日体彩开奖直播| www.135534.com-福彩3d导航走势图| www.13088.com-中国福利彩彩票| www.5462.vip-体彩利润-| www.996854.com-博瑞彩票平台| www.989770.com-彩民乐阳光探吗图| www.791042.com-注册送彩金的博彩| www.668503.com-彩票的软件有哪些| www.28128.com-快三看走势-| www.108723.com-戒掉刮刮彩-| www.6516.org-开心彩票不能提现| www.15600.cc-k彩平台骗人吗| www.261975.com-彩票查询105| www.19ug.com-智慧彩票预测有书吗| www.188399.com-福彩快三群-| www.254913.com-网络彩票排行榜| www.345100.com-棋牌加彩票无限代| www.447688.com-彩票公益金如何使用| www.066060.com-福州私彩-| www.588044.com-竞彩篮球比分场| www.673986.com-古代横梁彩绘| www.754428.com-特彩4949-| www.919157.com-新强时彩三星走势图| www.985406.com-足彩欧赔返还率分析| www.vd1.com-快彩助手-| www.sh55.cc-足彩19049期| www.020418.com-彩票平台架设教程| www.129704.com-排列三振幅2元彩票| www.918101.com-网易彩票是真是假| 盈彩票www.266991.com| www.826768.com-银川体彩-| www.897824.com-合买彩票广告用语| www.963791.com-彩75彩票-| 500彩票网www.97655q.com| www.dq05.com-福彩快三直营| www.fv37.com-西安福彩宝马案| www.bg12.cc-彩票中奖是骗局| www.24kk.com-手机贴汽车彩膜| www.27726.cc-整体彩铅画图片大全| www.731279.com-福盈门彩票-| www.807559.com-福彩3d守号中奖| www.917359.com-新彩彩票靠谱吗| www.979150.com-旧版够力七星彩| www.82603.com-足彩19024对阵| www.112192.com-快三和值计算| www.3197.win-爱彩彩网官方| www.d27.club-明发彩票-| www.680735.com-玩彩票怎么会欠钱| www.813824.com-福彩已亥猪金条| www.29825.cc-查看福彩中奖结果| www.545410.com-金花彩票-| www.62yd.com-体彩会作假吗| www.64ia.com-众彩网网址-| www.563835.com-易记彩票网站| www.881794.com-体彩481开奖号码| www.sm89.cc-世界杯足球彩票规则| www.60245.com-网络江苏快三黑彩| www.56nm.com-非凡彩票专注服务| www.1zi.com-手机彩膜一体机| www.2784.com-体彩购买软件下载| www.9006.biz-新浪彩票学堂| www.55658.com-亿游网彩票-| www.964253.com-买足彩稳胜技巧| www.095608.com-福彩中心是什么单位| www.322260.com-十大博彩下载| www.933390.com-快三56注号码| www.940601.com-彩神争霸11app| 大赢家彩票www.530891.com| www.189493.com-uu快三直播开奖| www.253657.com-竞彩足彩158下载| www.310102.com-山东省体彩兑奖流程| www.un8.com-乐和彩网首页| www.616444.com-竞彩足球5场4关| www.739010.com-中国彩票都是假| www.380165.com-网易彩票代购| www.pn76.com-彩票沙龙创始人| www.2901.in-东方彩app安全吗| www.02844.com-彩拾彩票能提现吗| www.015009.com-体育彩票数学| www.cs63.com-淘宝彩票官网| www.826382.com-体彩扑克牌技巧保盈| www.978484.com-天天好彩的生肖| www.301038.com-人人中彩票网| www.01382.com-yy彩票手机客户端| www.48xe.com-彩票充值不到账| www.181452.com-宁夏快三的走势图| www.72pj.com-彩票2019新规则| www.371038.com-百事彩票网是真的么| www.479077.com-竞彩往期冷门| www.596653.com-福彩刮刮乐返奖率| www.662201.com-海南7星彩开奖直播| www.724836.com-支付宝借给博彩收款| www.817533.com-乐透彩票官方下载| www.905411.com-足彩任九什么意思| www.962022.com-正宇火箭彩票| www.dl91.com-七星彩解梦册查码| www.e23.cc-彩计划软件app| www.385034.com-七星彩专家汇总预测| www.18055.cc-福利彩票旺旺年| www.74455.cc-七乐彩投注-| www.022900.com-3毛3d图牛彩| www.255072.com-重庆时彩开将结果| www.358237.com-大乐透体彩怎么玩| www.499520.com-c九彩票-| www.196953.com-竞彩8串1-| www.275055.com-体育彩票七位数查询| www.07107.cc-下载福利彩票官网| www.65502.com-炫彩软件-| www.970484.com-福彩幸运农场| 博友彩www.979651.com| www.wp59.com-彩票走势图分析| www.p19.cc-九州彩票手机客户端|