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.974040.com-500万彩彩票| www.167783.com-福彩快三走势图今天| www.958892.com-彩票开奖信息下载| www.34754.com-搜福彩三d开奖号| www.200477.com-熊猫网彩票-| www.325219.com-今日体彩太湖字迷| www.014502.com-七乐彩杀号推荐| www.916031.com-私彩平台那么多| www.61582.cc-乐优彩票天天红单| www.383880.com-六火彩票18跑狗| www.611570.com-江苏亿彩快三| www.689207.com-齐鲁彩票几点开奖| www.785123.com-大胜彩票最新安卓| www.911799.com-彩民堂app下载| www.504708.com-彩排的反义词| www.708177.com-百万彩票app网址| www.975938.com-日照彩礼一览表| www.ws23.com-手机彩票123| www.096466.com-3d好彩网图迷总汇| www.34793.com-有什么购彩平台安全| www.65li.com-山西省福彩中心在哪| www.188018.com-快彩官方网-| www.105424.com-福彩实票-| www.6907.org-七色彩票-| www.716001.com-快三平台怎么做| www.840092.com-ig传统彩票-| www.927878.com-体育彩票6十1比对| 网易彩票www.07163r.com| www.dl69.com-网上快三靠谱吗| www.363119.com-用手电能产生彩虹吗| www.as82.com-快三跨度图片| www.67419.com-彩票九怎么玩才能| www.081915.com-118彩票首页| www.299833.com-买彩票上瘾倾家荡产| www.414105.com-人没挂彩是什么意思| www.520379.com-福彩双色球单价| www.602048.com-打彩票不给钱被判刑| www.676274.com-中国最大的彩票| www.770859.com-彩票快三顺子多少钱| www.854911.com-甘肃快三出号分析| www.936274.com-乐彩彩票平台安全吗| 818合彩www.www.5666hc.com| www.86860.cc-广州鸣彩客服| www.223048.com-福彩助手官方下载| www.950174.com-互联网禁止销售彩票| www.c3.cm-安徽快三历史遗漏| www.70pg.com-乐博彩票登录地址| www.655838.com-新星彩xcaius| www.761421.com-好彩妹吧-| www.855329.com-七星彩复式所有号码| www.964961.com-体彩中心官网首页| www.db14.com-彩票店做私庄犯法吗| www.062311.com-159彩票网关停| www.717906.com-彩客网71212| www.811146.com-北京单场竞彩比分| www.881079.com-彩票出黑-| www.961572.com-92彩票生肖对照表| 发彩www.50732n.com| www.hf82.com-彩71app官方网| www.13hv.com-7好彩高手论坛| www.55734.com-永利彩票网-| www.865149.com-华彩彩票app| www.940455.com-中国福彩平台| www.994837.com-彩票历史号码查询| www.er74.com-福彩了山论坛| www.a07.net-荣誉网彩票导航站| www.33cw.com-m8彩票软件打开| www.a10.cm-下载新浪彩票| www.45vr.com-足球彩票预测人| www.829055.com-正规彩票app软件| www.65xr.com-快乐中彩票靠谱吗| www.096857.com-特彩吧高手免资料| www.190906.com-人人中彩票-| www.923196.com-彩色透水混凝土报价| www.998922.com-头条彩票-| www.cl86.com-彩神怎么玩-| www.wz75.com-七星彩春节开奖时间| www.15sv.com-广州体育彩票6十1| www.86gg.com-彩c81彩票-| www.79679.cc-网上买足彩是赌博吗| www.071922.com-盛兴彩票骗了多少人| www.163900.com-假彩票粉-| www.271216.com-8亿彩官网下载| www.24061.cc-六盈彩票-| www.69471.com-云购彩票是骗局吗| www.015649.com-彩票快三怎么下载| www.79944.com-江苏快三独胆玩法| www.67864.com-vr3分彩合法吗| www.133858.com-好彩门户爆特网| www.801189.com-网上宝马彩票| www.60148.cc-精彩玩法画面刺激| www.29935.cc-西安福彩中心电话| www.948589.com-中国体育彩票刮刮卡| www.518758.com-开彩网api如何| www.590328.com-福彩三d和值谜总汇| www.661570.com-竞彩足球8串1神单| www.796488.com-乐和彩开奖公告查询| www.891193.com-七星彩梦册大全| www.967909.com-彩票开奖网址大全| www.cp8994.com-江苏快三开奖结果号| www.66673.cc-竞彩8串28错1场| www.012381.com-一定牛彩票中奖提现| www.111068.com-河南快三模拟器| www.214149.com-彩票365下载安装| www.432309.com-福利彩票站点管理员| www.677742.com-微彩娱乐28-| www.771659.com-怎么申请开彩票店| www.md29.com-爱乐彩平台下载| www.188494.com-全发彩票网站| www.173632.com-天天彩选四开奖| www.556502.com-全部天天彩票下载| www.621919.cc-福彩有十选五吗| www.t36.club-湖北福彩兑奖地址| www.96672.cc-湖南私彩诈骗| www.9518.link-彩票白秀华-| www.477658.com-乐彩论坛排317| www.615963.com-红金龙软红之彩| www.706707.com-5分钟开奖时时彩网| 发彩www.50732f.com| www.79wm.com-cb彩票-| www.8338.vip-2019七星彩图规| www.606258.com-竞彩足球开停售时间| www.501155.com-最近福利彩票站西平| www.362969.com-彩虹像什么比喻句| www.948614.com-彩票公益金提取比例| www.al03.com-平台快三计划群骗局| www.zc67.com-体彩竞彩结果| www.53sz.com-共享彩票怎么玩法| www.22308.cc-竞彩足球单关查询| www.187851.com-时时彩改为20分钟| www.0844.net-足彩倾家荡产| www.8070.loan-创意美术水彩| www.36007.com-金龙彩票下载| www.084585.com-掌上赢彩下载| www.057076.com-怎样注册彩票平台| www.694.bid-竞彩猫指数的安全区| www.678798.com-彩票快三图表| www.764116.com-彩神易赢如何| www.836374.com-今睌四不象彩图| www.910554.com-地下六彩开官方网站| www.985253.com-今日快三湖北| www.bc14.com-一定牛彩票软件| www.479522.com-篮球竞彩软件ios| www.53pv.com-169彩票app-| www.3710.cc-彩友圈app-| www.15211.com-众博时时彩平台| www.85fo.com-福利彩票追杀系统| www.uk67.com-地方彩票开奖| www.539160.com-快三和值是-| www.677595.com-双色彩票开奖时间表| www.782271.com-快三选号口诀| www.866622.com-昨日福彩3d开奖号| 幸运彩票网www.33598e.com| www.596523.com-今日吉林快三走试图| www.21ly.com-中彩票标语-| www.44818.com-彩票负盈利什么| www.390888.com-彩票491-| www.6352.org-红牛福彩-| www.60416.com-彩票双球3b-| www.9793.biz-买张彩票-| www.118666.com-中国体育彩票如何买| www.181300.com-北京福彩快3官网| www.n26.top-注册京彩app| www.731864.com-做彩色纸箱的设备|