QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery课程项目选项卡形式TAB切换代码

原创商用 jquery课程项目选项卡形式TAB切换代码

jquery 实现报名倒计时课程培训TAB切换效果, 课程项目列表选项卡切换代码,基于superslide开发,结构清晰简单,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="sign-content">
	<div class="hd sign-nav">
		<h2>报名倒计时</h2>
		<ul>
			<li class="on">学前</li>
			<li>小学</li>
			<li>中学</li>
			<li>大学</li>
			<li>英语</li>
			<li>出国留学</li>
			<li>冬夏令营</li>
		</ul>
	</div>
	<div class="sign-ad">
		<a href="#">
			<img src="images/open-bg.png" alt="">
		</a>
	</div>
	<div class="bd sign-body clearfix">
		<ul class="clearfix" style="display:block">
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<p class="sign-item-title">泡泡幼儿多元智能培养班(</p>
					<p class="sign-item-text">主讲教师:待定</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-ad"></span>
						<span class="sign-icon-ti">海淀学清路金码大厦校区5</span>
					</p>
					<p class="clearfix sign-item-bottom">
						<span class="sign-icon-time"></span>
						<span class="sign-icon-ti">2018-07-23至2018-08-17</span>
					</p>
					<div class="sign-item-top">
						<p class="sign-item-top-title">¥6880</p>
						<p class="sign-item-top-time">
							<span>
								报名截止 <i>17</i>
								天
							</span>
						</p>
					</div>
				</a>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">
	jQuery(".sign-content").slide({
		autoPlay: false,
		trigger: "click",
		delayTime: 700,
		pnLoop: false
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
彩01彩票 www.204111.com-七乐彩专家-| www.350111.cc-乐彩首页17500| www.432772.com-体彩手机在线刮刮乐| www.527908.com-百乐彩登入网址| www.599227.com-下载盈利彩票| www.679639.com-中国彩吧55125| www.756623.com-全民中彩恢复了没| www.926173.com-500万彩票预测| www.981347.com-刮刮乐彩票透视镜| www.cb.com-安慰快三-| www.65ew.com-老杨说彩专栏| www.442882.com-非凡彩票诚信服务| www.680941.com-时时彩倍投计划| www.173190.com-体彩排列五-| www.579470.com-福彩3d开r奖| www.706654.com-香港铂金彩票网址| www.861239.com-福利彩票算中奖吗| 三星娱乐www.sxyl2.com| www.301312.com-内蒙快三冷热号| www.412961.com-徐州福利彩票员工| www.235435.com-福彩快三单注奖金| www.192902.com-彩6应用-| www.zw0.cc-浙江体彩6+1机选| www.3020.top-重庆时彩遗漏历史| www.15247.cc-中国彩app怎么样| www.100490.com-百乐彩手机版| www.8529.org-福彩老虎机加盟| www.82439.com-褔客来彩票-| www.066766.com-u9彩票app苹果| www.151039.com-多彩网平台-| www.12285.cc-鸿博彩票-| www.49900.cc-福彩3d图库第一版| www.356970.com-买彩票中奖之后| www.46hl.com-彩票3d开奖22号| www.020230.com-彩31彩票下载| www.519276.com-家彩千禧试机号| www.716773.com-彩铅樱花树教程| www.858704.com-鲛人鲨福彩3d预测| www.933954.com-福彩3d开奖时间| www.990244.com-趣彩网官网-| www.bd68.com-安徽快三冷号遗漏| www.9sf.cc-大众彩票不能提现| www.88ad.cc-009彩票销售中心| www.333791.com-体育彩票怎么选号| www.zw31.com-搏有彩-| www.111059.com-赌彩票总是输| www.3010.vip-风采彩票软件下载| www.9778.cn-福利彩票作假吗| www.49941.com-掌信彩下载安装| www.86mg.com-七乐彩平台网址| www.549770.com-彩宝宝-| www.632776.com-七彩网络查分数| www.728357.com-红彩网直播-| www.2509.cn-彩票计划86-| www.257912.com-快三软件原理| www.0bb.cc-竞彩卖料-| www.872193.com-贵阳彩票一等奖| www.692.live-下载时时彩助赢计划| www.cp5133.com-上海快三中奖规则| www.987891.com-中彩手app下载| www.jg38.com-下栽宁夏快三走势图| www.20xm.com-彩6精华版官方| www.954537.com-牛蛙彩票开奖历史| www.ed95.com-彩神邀请码最新| www.jw89.com-彩库宝典旧版| www.200592.com-手机彩票-| 福彩www.15355o.com| www.kg46.com-广西福彩app| www.c57.club-体肓彩票开奖结果| www.30iw.com-十分彩开奖-| www.5278.online香港跑马派彩| www.784896.com-乐优炫彩ios下载| www.887357.com-福利彩票直选预测网| 6678彩票www.2388cai.com| www.aw7.com-浙江快三开奖结果| www.cp7958.com-河北快三万能码| www.356518.com-商店送彩票广告| www.026923.com-01彩票是真还是假| www.313726.com-竞彩网首页比分直播| www.951288.com-京彩彩票官网邀请号| www.th.com-vip彩票一主页| www.k37.biz-彩吧图谜第一版| www.35mg.com-周三的彩票-| www.715379.com-彩票微博-| www.170498.com-江西快三走势图今天| www.982482.com-竞彩实体店兑奖| www.89391.com-6各彩资料-| www.047277.com-赢钱彩可靠吗| www.370024.com-网冠彩可靠吗| www.854737.com-中国体彩怎么查讯| www.946830.com-彩钢围挡压瓦机| www.uf83.com-彩票打漏洞提前开奖| www.265179.com-彩票3d领袖贴吧| www.225809.com-瑞彩网官网-| www.309903.com-长春体育彩票| www.99lr.com-明天的3d彩吧图库| www.923783.com-秒速快三改单| www.975294.com-彩票逗人中奖图片| www.cp822.com-福彩苹果版下载| www.pr59.com-快三什么是全骰| www.952095.com-快三和值怎么玩赚钱| www.998352.com-福彩品种-| www.da39.com-彩神x靠谱吗| www.xe25.com-福利彩票3d找宝图| www.165277.com-888123彩票-| www.267321.com-体体e球彩-| www.5598.pw-玩彩哪个平台最大| www.26909.com-新2彩票网站论坛| www.62098.com-彩票查询双色球开奖| www.105896.com-博彩票平台-| www.86002.com-彩涂铝板有哪些型号| www.583076.com-中彩票动态图| www.287745.com-华夏彩票app| www.660072.com-时时彩软件排行榜| www.944321.com-体育彩票竞彩是什么| 500彩票www.50064n.com| www.838657.com-必中快三计划| www.926139.com-哪个国家彩票最可信| www.988905.com-家彩网3d试机号| www.fm01.com-足球彩票开奖| www.389886.com-彩票这么难中奖啊| www.190139.com-安徽联网快三遗漏| www.37106.com-众恒平台购彩可靠吗| www.439366.com-彩之星网站-| www.602615.com-腾讯一分彩开奖结果| www.zj32.com-聚鑫彩票正规吗| www.014740.com-七星彩网上购买| www.292337.com-双彩球开奖走势图| www.57325.cc-可以网购彩票的软件| 500彩票www.50054k.com| www.281516.com-黑客时时彩改码视频| www.990027.com-快三大全app| www.94820.com-大彩鲸快3下| www.993807.com-胜负彩2等奖| www.gh52.com-福彩双色球更多次期| www.229132.com-开福利彩票店| www.599361.com-今日福彩三d藏机图| www.708387.com-欢乐时时彩开奖号码| www.4094.in-全通彩票-| www.060174.com-51彩票全天计划| www.21639.cc-微信美女带你玩福彩| www.871211.com-真三国星彩-| www.10182.com-福彩三d今试机号| www.09101.com-福彩计划3d群| www.9712.cc-网上彩票追杀系统| www.882193.com-香港福彩快三| www.gz0.com-安徽福彩快三的号码| www.480065.com-七乐彩好彩网预测| www.557993.com-1216.彩票官网| www.662131.com-竞彩6x6-| www.721266.com-新宝彩票平台下载| www.8728.top-天游彩票app| www.062417.com-时时彩平台怎么赚钱| www.117754.com-彩票霸主软件官网| www.520269.com-福彩3d大公鸡图2| www.673752.com-古建筑彩绘怎么画| www.28471.com-中彩网号-| www.s69.me-柳州市福利彩票中心| www.994736.com-好彩客2016版| www.037032.com-大明成化描金珐琅彩| www.198628.com-大发彩票app平台| www.96872.com-海南私彩合法吗| www.mh17.cc-好彩投网站-| www.pb57.com-体育彩票12选5|