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.589915.com-彩票漏洞群-| www.234687.com-中国足彩app| www.339496.com-赢彩网老师-| www.119337.com-今天i海快三开奖| www.68588.com-内蒙古快三豹子预测| www.265164.com-福彩3d奖金表| www.735025.com-快三秒市桥奶茶店| www.46it.com-金凤凰彩票手机版| www.279579.com-腾讯时时彩app| www.377410.com-977官方彩票| www.513112.com-九龙国际彩票平台| www.589718.com-好彩堂幽默玄机| www.496898.com-5k彩票首页| www.9229.top-乐彩网正规不| www.323344.com-体彩网首页电脑版| www.27pd.com-猜生肖彩票-| www.823204.com-聊城彩钢瓦厂| www.76638.cc-广西新快三作弊方法| www.tg02.com-k彩彩民福地登录| www.9708.vip-彩票助赢倒闭| www.63955.com-澳洲f1赛车彩票| www.5153.biz-韩国彩票走势图解| www.779016.com-3d今天银海彩票图| www.859722.com-福利彩票最近走势图| www.940929.com-七乐彩精准预测| www.995648.com-竞彩单场为什么关闭| www.aj68.com-更早彩票开奖结果| www.812091.com-采金网彩免费资料| www.949654.com-78彩店app-| www.ag94.cc-副力彩票昨天出什么| www.878212.com-福彩3d五行分解| www.709750.com-老时时彩遗漏数据| www.824109.com-杭州市卓尚和三彩| www.939722.com-众盈彩票的骗局| 500彩票www.500232.com| www.920053.com-福建快三玩法介绍| www.vo80.com-江苏快三走势图技巧| www.565252.com-福利彩快乐10分| www.652355.com-彩票竞彩网靠谱吗| www.793875.com-体彩即时开奖结果| www.911938.com-天天彩票是不是真的| www.8780.biz-七星彩南国走势图| www.583458.com-西安市体彩中心兑奖| www.138767.com-时时彩在线人工计划| www.080873.com-彩票816-| www.226392.com-河北省福彩排列7| www.791244.com-快三兼职-| www.872666.com-快三有直选吗| www.949383.com-百盈快三网址| 幸运彩票www.5095s.com| www.578160.cc-足球竞彩论坛| www.123.host-359彩票app-| www.399379.com-福彩双色球开奖大全| www.128084.com-彩虹壁纸高清大图| www.29633.com-abc彩票登录网站| www.nq5.com-江苏快三的走势图| www.656303.com-澳门博彩报警有用吗| www.857563.com-免费试玩彩票网| www.57ii.com-360彩票购彩| www.539826.com-香港58158彩| www.306022.com-013彩票-| www.731675.com-80550百姓彩坛| www.213285.com-彩软科技计划| www.545.live-时时彩龙虎计划大师| www.008071.com-七乐彩今晚开奖直播| www.133105.com-工地彩钢瓦围挡| www.288480.com-九六凤凰彩-| www.866280.com-礼拜六什么彩票开奖| www.965490.com-体彩11选5遗漏| www.fd.com-中国甘肃彩票快3| www.578430.com-博亚彩票app| www.79649.com-足球彩票算加时吗| www.pz41.com-彩票9app-| www.19gb.com-每周买彩票坚持五年| www.381452.com-黑彩是犯法吗| www.571237.com-体彩彩票3d开奖| www.910505.com-看彩72变双色球| www.977762.com-足彩竞技-| www.ai87.com-查一下昨天的彩票| www.792028.com-3d彩票兑奖流程| www.860964.com-体彩在线购买| www.927990.com-二分快三在线计划| www.977482.com-彩妆代理加盟免费| www.cai6722.com吉林快三-| www.jw66.com-有人破解过彩票吗| www.095317.com-福彩3d亏了几万| www.965415.com-福彩极速3d-| www.ds77.com-即时开彩安卓| www.dg75.com-瑞彩祥云彩票合法吗| www.153217.com-旺彩双色球3d| www.67178.com-郑州福彩中心| www.594855.com-武汉三彩夏装新款| www.687016.com-竞彩足球胜平负规则| www.995888.com-足彩十四比分| www.49275.com-竞彩外围怎么买| www.036508.com-竞彩足球彩票预测| www.151133.com-福彩三d真实谎言迷| www.3534.org-66彩票78216| www.vw08.com-人人猜球彩票| www.wm45.com-湖北省快三开奖号码| www.ff6.cc-分分彩下载安装| www.454120.com-聚鑫乐彩怎么充值| www.77832.com-盈宝彩登陆-| www.87888.com-佳缘彩票骗局| www.986241.com-神圣彩票骗局| www.qx8.cc-甘肃快三精准计划| www.74438.com-七乐彩一周开几次| www.151837.com-内蒙快三开奖直播| www.13587.cc-炫乐彩票官网首页| www.1369.live-577彩票三肖| www.7037.vip-网上如何注册买竞彩| www.004177.com-福彩整顿了吗| www.17488.cc-淘彩app下载官方| www.71182.cc-福利彩票基诺游戏| www.830689.com-888手机彩票网投| www.96eq.com-福赢门彩票-| www.850920.com-腾讯博彩官网| www.7uy.com-中彩票之后离婚| www.273982.com-1分彩计划软件| www.v11.org-买时时彩的app| www.69py.com-彩票机选故事| www.1817.cc-玩重庆时时彩被骗| www.17436.com-五亿彩票网咋么样| www.63286.com-许昌彩礼一般多少| www.753159.com-3d万彩吧-| www.896728.com-凤凰v彩票主人| www.987607.com-彩票倍投计算工具| www.oj86.com-彩界少爷独l胆| www.023623.com-发财猫彩票安卓下载| www.01nv.com-快三有人赚钱吗| www.999713.com-95彩票平台彩网址| www.406767.com-淘宝店铺买彩票| www.543654.com-吉林人看彩玩彩| www.673665.com-古建筑彩绘颜料配料| www.801621.com-奔驰彩票团队qq群| www.940402.com-七星彩开奖第48期| www.770753.com-七彩阳光音乐播放| www.13bt.com-新版凤凰彩票| www.5332.biz-彩558彩票-| www.086252.com-彩票站邀请码| www.425816.com-最新足彩十四场奖金| www.962383.com-天天彩-| www.274.cm-澳洲彩票网址| www.793260.com-体彩11选5复式| www.023601.com-r8国际彩票好不好| www.685484.com-双彩球应用-| www.732952.com-中国江苏体育彩票| www.866556.com-昨天的福利彩票| www.919761.com-彩票打印机原理| 亿万彩票www.670137.com| www.127208.com-彩铅画人物卡通| www.570004.com-时时彩幸运28计划| www.623922.com-快三长龙app| www.3749.vip-彩票开奖日期时间| www.516680.com-海南海口七星彩长条| www.904569.com-彩票3d和值走势图| www.889957.com-篮球竞彩比分直播| 大福彩票www.df79.com| www.4820.biz-晋中福利彩票中心| www.57906.com-黑彩平台评测网| www.841933.com-买胜负彩赚钱方法| www.im86.com-竟彩足球比分| www.657462.com-七星彩特区缩水软件| www.782353.com-上海快三3同号预测|