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天

知道了
1分快三 www.69oz.com-七乐彩准确杀号公式| www.6229.in-福利彩票十分钟奖| www.14282.com-体彩网即乐彩走势图| www.72870.com-甘肃快三小贴士| www.555747.com-七乐彩走势图30| www.627811.com-足球竞彩310推荐| www.189404.com-uu快3手机购彩| www.368278.com-明月珰七星彩番外| www.21182.com-蓝球彩票-| www.361191.com-彩泥捏水果蔬菜| www.611595.com-彩虹授权源码| www.786048.com-体彩大赢家-| www.858944.com-彩票历史查询器工具| 幸运彩票www.5095i.com| www.608779.com-派彩金额-| www.351174.com-太子彩票是否合法| www.552769.com-玩彩票有什么技巧| www.003778.com-全民娱乐买彩安全吗| www.279448.com-500app彩下载| www.799185.com-神彩v密聊-| www.951502.com-qq彩票正规吗| www.wx22.com-旺彩预测社区| www.uz83.com-福利彩票机器人贵州| www.70vo.com-彩易达光电-| www.619670.com-双色球彩票图片大全| www.723224.com-简易倍投计算器彩票| www.800089.cc-体育彩票数字组合器| www.975401.com-时时彩选好的方法| www.wz36.cc-叁地福彩走势图| www.350.cc-福彩3d字谜图迷| www.173739.com-时时彩平台注册送钱| www.1122.space-竞彩足球比赛中断| www.46486.com-彩票彩客网310| www.420840.com-彩票电话投注中心| www.224059.com-博彩吵群话术| www.346482.com-红绿彩鉴定-| www.226093.com-浙江快乐彩开奖直播| www.341885.com-诺亚彩票不让提现| www.783821.com-新加坡福利彩票网站| www.922652.com-彩8下载网站| www.984323.com-彩八彩票可靠吗| www.893571.com-快三和值最大遗漏数| www.083426.com-时时彩网上代理| www.873810.com-彩31网站-| www.949659.com-旋乐彩票-| 彩乐乐www.3005.am| www.38sa.com-现在好多网上买彩票| www.729.website海南七星彩直播| www.4376.biz-全网彩票计划大全| www.10284.com-彩票代买法律法规| www.7559.top-于海假彩票-| www.654860.com-五分彩天天计划| www.147144.com-全民福彩软件| www.536987.com-体彩推单网名| www.hr84.com-北单竞彩-| www.62898.com-立彩佳美缝剂| www.070426.com-彩票自助售卖机加盟| www.56839.cc-彩乐网资料大全| www.925500.com-旭彩网app-| 博乐彩票www.35918r.com| www.177701.com-快三玩法说明| www.289292.com-福利彩票双色球选号| www.157815.com-80彩票官网-| www.378957.com-k彩是真的吗| www.306832.com-彩票守号中奖故事| www.447561.com-足彩正规投注网站| www.590865.com-tx308彩票-| www.698620.com-七星彩开奖号码一一| 幸运彩票www.73166h.com| www.304186.com-甘肃快三早知道软件| www.46299.com-看时时彩走势app| www.047997.com-体彩排3试机号| www.382196.com-创名彩票网址| www.uz27.com-人人国际彩票代理| www.761067.com-结婚彩礼什么时候给| www.847237.com-古建牌楼彩绘图片| www.938848.com-亿彩网是正规平台吗| www.987329.com-体彩大赢家软件| www.av00.com-微信快乐彩可靠吗| www.vg45.com-可靠的彩票平台源码| www.10yy.com-时时彩有合法| www.592342.com-550彩票app-| www.718713.com-彩虹的名字含义| www.822180.com-胜负彩一500| www.933933.cc-彩票指南电子版今天| www.995893.com-竞彩足球用什么软件| www.yq5.com-彩票推算法-| www.ij74.com-官方福利彩票软件| www.b62.club-江西福彩3d开奖| www.079.bid-财神网彩票网| www.510753.com-彩虹屁小作文模板| www.36088.com-苹果彩票com| www.028267.com-彩之王是什么| www.111823.com-高德彩票游戏| www.hy02.cc-爱乐彩下载走势图| www.11oj.com-在支付宝这样买彩票| www.984638.com-合乐彩票平台注册| www.c73.org-百宝彩陕西试用账号| www.6802.shop-福彩数字3中奖| www.803646.com-牛彩藏机图字谜| www.912204.com-体彩实体店网| www.996792.com-快乐彩玩法介绍| www.il89.com-天天中彩票3| www.46.me-博雅彩票手机版下载| www.022.com-福彩上一期开奖号码| www.5974.cn-体彩怎么开店| www.85978.cc-1068彩票黑-| www.1164.net-美国数学家研究彩票| www.547520.com-高频彩彩票开奖原理| www.870015.com-河北快三今天41期| www.972645.com-风景画彩铅画| www.ak49.com-七星彩特区论坛| www.24ch.com-足彩进球数奖金算法| www.91cl.com-997171神彩网| www.730938.com-易彩快三是什么彩票| www.357098.com-用彩铅画美食| www.724288.com-浙江快彩11选5| www.915970.com-入侵私彩教程| www.23ck.com-天津体育彩票排列五| www.7017.org-七彩林业招聘| www.81823.cc-快三输钱谁能救我| www.095186.com-老梁谈福利彩票| www.232961.com-彩票走势新浪网| www.948942.com-彩票不能网购| www.382679.com-足彩19007-| www.718.org-为什么彩票不犯法| www.234568.cc-福彩3d8的和值| www.323077.com-凤凰竞彩下载| www.02kw.com-网络用语彩虹屁| www.26wf.com-三明福利彩票站点| www.4648.org-987彩票可信吗| www.1735.org-鸿彩公-| www.6748.top-85彩票官方网| www.792666.cc-开福彩店怎么盈利| www.926632.com-彩票后面中两位数| 大赢家彩票平台www.756693.com| www.836403.com-彩色沥青价格别| www.hs2.com-屠龙彩票-| www.629290.com-沈兴辉彩票预测| www.680759.com-赌彩票家破人亡| www.743898.com-彩73取不了钱| www.800406.com-河南省福彩中心位置| www.864564.com-三d彩票八卦图| www.914164.com-买黑彩犯法吗| www.964792.com-分分彩赢彩计划| 网易彩票www.067wy.com| www.503602.com-铜雀台彩游-| www.569389.com-百信彩票app| www.707301.com-彩票网站充值漏洞| www.51jx.cc-教水彩的软件| www.77208.com-新体彩-| www.8469.cm-彩票购买技巧大师| www.461925.com-福彩排例五开奖| www.666101.com-七星彩万字表图片| www.800700.cc-福彩代打靠谱吗| www.2972.wang-甘肃省福彩网| www.969510.com-寻找彩票团队| www.517025.com-最新万豪福彩下载| www.3231.cn-安徽快三怎样玩法| www.031036.com-相亲彩票骗局揭秘| www.796.tv-中国体彩竞彩返点| www.4156.org-彩虹10无人机规格| www.167783.com-福彩快三走势图今天| www.081377.com-足彩骗局怎么赚钱|