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.088wy.com| www.73577.com-体育彩票中奖名单| www.287941.com-足彩合买网站| www.460045.com-福利彩快乐十分走势| www.691666.com-50o万彩票首页| www.850208.com-分分彩按照计划买| www.t21.cn-中山市福利彩票网| www.3023.biz-体彩小军图库| www.303973.com-兰州福彩天地报纸| www.37998.cc-三地福彩走势图| www.377388.com-c27彩票登录| www.50043.com-华宇彩票挂机赚钱| www.791035.com-福彩双色球手机选号| www.l84.com-彩c81彩票下载| www.208382.com-今晚湖北快三开奖号| www.td15.com-花式快三分解教学| www.392603.com-体彩开奖号码昨天| www.97041.com-河北体育彩票排列5| www.2997.win-福彩三的藏机图| www.295320.com-快三秘籍-| www.809884.com-今日体彩试机号查询| www.001.cn-非凡彩票走势图表| www.50096.cc-体彩p3开机号今天| www.127720.com-彩虹宝宝彩虹堡| www.592840.com-七彩阳光踢腿视频| www.dr17.com-大发彩票官网登录| www.953490.com-竞彩足球兑奖规则| www.186117.com-十分钟一期的快三| www.3976.bid-彩客网是什么| www.6861.cc-体育彩票顶呱刮窍门| 13e彩票www.812680.com| www.a65.top-霍金彩票公式| www.746066.com-彩票55网页-| www.861532.com-立彩集团-| www.948951.com-最大彩票网站排名| 凤凰彩票www.5091d.com| www.162606.com-长沙彩票中奖| www.233178.com-黑龙江体彩网大乐透| www.329327.com-湖北福利彩票中心| www.412354.com-广元做彩钢围挡定做| www.537292.com-春秋彩票不能提款| www.607629.com-福彩3d全图九| www.133975.com-微信买彩票靠谱吗| www.693459.com-51彩票最新版下载| www.37wq.com-拾柴七星彩长局| www.967410.com-彩票预测微信群| www.sb66.cc-快3彩票软件破解版| www.89661.cc-亚洲2分彩-| www.500544.com-金帝彩票正规吗| www.666104.com-彩票万字表图| www.464068.com-彩票体系玩法| www.973214.com-彩虹app自助下载| www.329591.com-深圳市福彩官方网站| www.533908.com-七乐彩落球顺序| www.636568.com-彩虹六号现实| www.19229.cc-福彩自助精灵可靠吗| www.368182.com-落日画图片彩铅| www.923115.com-58同城彩票店转让| 500彩票网www.97655l.com| 吉利彩票www.66376k.com| www.890445.com-彩74-| www.fb47.com-爱彩乐快三走势图| www.260888.com-人人快三群-| www.338070.com-蚂蚁彩票是黑平台吗| www.426420.com-澳客彩票网专家杀号| www.527090.com-华富鼎博盈彩票被骗| www.596041.com-福豪彩是真的吗| www.661654.com-福彩十二生肖玩法| www.735580.com-手机时时彩票下载| www.798653.com-精彩-| www.867308.com-v8时时彩-| www.926932.com-红旗彩票网-| www.984878.com-神彩争霸官网| www.aa12.cc-福建快三电视走势图| www.501297.com-易彩堂网站是否正规| www.000420.com-陕西福彩快乐十分开| www.690466.com-竞彩网大乐透走势图| www.838568.cc-丹麦28彩票计划| www.948725.com-福彩3d中奖口诀| www.da81.com-福利彩票跨度表| www.34nx.com-多赢快三软件| www.2021.vip-凯发彩票邀请码| www.996450.com-新粵彩报-| www.ra00.com-有没有人玩大发快三| www.16kd.com-足彩开奖结果走势图| www.nl89.com-足球大赢家竞彩周报| www.2sg.com-华阳有彩票店转让吗| www.333480.cc-高频彩原理-| www.95712.com-彩票中奖蒙面| www.72kp.com-彩票大赢家组选遗漏| www.2317.me-彩票中上亿真的假的| www.865020.com-彩票猜单双叫什么| www.939081.com-手机c699彩票| www.991858.com-大乐彩开奖结果查询| www.ae96.com-中国福体彩开奖结果| www.py40.com-彩九下载软件| www.v15.com-彩票追长龙-| www.46ks.com-彩亿彩票官网| www.293895.com-重庆时时彩暂停了吗| www.151164.com-中彩易免费软件| www.126453.com-福彩字谜太湖钓叟| www.515191.com-中国彩票真假问题| www.62wf.com-西安莲湖区福彩转让| www.005287.com-快三追号-| www.2013.cm-彩虹6号干员说话| www.623450.com-彩票分析家手机版| www.do69.com-澳门快三平台| www.74tv.com-七星彩19017期| www.93rc.com-儿童彩色画大全| www.956140.com-速盈彩票合法吗| www.cb2.com-3d福彩今日新鲜事| www.tz20.com-彩票站开业宣传| www.133473.com-财富彩票平台| www.035202.com-彩27-| www.805895.com-福彩刮刮卡厂家| www.104.me-彩票中奖后兑奖流程| www.7637.cn-凤翔彩票下载安装| www.319419.com-彩票软件下载大全| www.0050.cm-彩票双色球走势表格| www.733.red-晶彩人生聚合酒店| www.1863.org-八角星彩票-| www.828195.com-彩票支付宝提现| www.920328.com-支付宝可以买彩票吗| www.59193.cc-江西彩票中奖信息| www.975261.com-捷豹彩票365网址| www.779271.com-暴富彩票-| www.16823.cc-快三游戏苹果版本| www.110093.com-乐透啦彩票官网| www.323391.com-七乐彩随机选| www.482008.com-下载亿彩彩票| www.410817.com-看体彩排列三开奖| www.065312.com-亚洲彩票提款不了| www.213138.com-彩市神童专栏| www.350034.com-彩票对压是什么意思| www.711951.com-彩礼是什么时候给| www.3806.vip-开心彩票论坛手机版| www.068281.com-摇彩票数字软件下载| www.378259.com-幸运彩河南福彩| www.61296.com-福利彩票开奖视频| www.156038.com-高仿体育彩票刮刮乐| www.366618.com-33期彩票-| www.132547.com-潘多拉8度彩妆| www.290259.com-彩客网电脑版本| www.795778.com-新加坡天天彩网站| www.it68.com-复式彩票怎么买| www.246646.com-湖北快三遗漏值统计| www.382089.com-彩仙阁可信吗| www.619099.com-山东福利彩票中奖| www.711400.com-彩票店过户-| www.784955.com-乐优炫彩苹果app| www.838423.com-看一下江苏快三| www.897736.com-多彩贵州普安县网| www.950336.com-乐透吧彩票app| www.995228.com-足彩冷热指数负值| www.ah96.com-手机体彩投注| www.727577.com-万彩吧彩票3d预| www.hu43.com-中国彩票官方app| www.304082.com-甘肃快三一定| www.377070.com-因为结婚彩礼的说说| www.525961.com-香港七星彩几点停售| www.870489.com-福利彩票店转让| www.997425.com-彩八彩票苹果版下载| www.cp9179.com-甘肃快三中奖号| www.105.pw-缤果彩票是不是非法|