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天

知道了
中乐彩票 www.155633.com-9928彩票-| www.028185.com-网上跟投彩票| www.130820.com-福彩3d怎么手机买| www.275805.com-开门彩预测-| www.7183.top-国内彩宝哪个品牌好| www.872510.com-四川省福利彩票官网| www.980661.com-易彩乐是什么网站| www.kv04.com-数字型彩票黄金定律| www.22oq.com-买彩票输了300万| www.68489.com-史上最大彩票| www.359956.com-约约彩票下载| www.542940.cc-福彩3d公益站| www.26lr.com-快三一般计算公式| www.139567.com-时时彩牛牛玩法技巧| www.334174.com-福建福利彩双色球| www.2272.top-体彩双色球规则| www.701888.com-如何算彩票中奖机会| www.886376.com-好运来时时彩下载| www.ki23.com-体彩投注网站| www.7828.cc-竞彩高手经验谈| www.037925.com-excel彩票-| www.821977.com-乐彩网摘3d预测版| www.dp74.com-今日彩票开奖查询| www.552094.com-福利彩票政策调整| www.679392.com-彩票输了一百多万| www.805945.com-福彩33选7-| www.954914.com-凤凰彩票可以开挂吗| www.pl9.cc-吉林快三跨度推荐| www.k13.me-采摘网牛彩网| www.98wq.com-体彩7位数开奖日期| www.14161.com-延敖足彩-| www.004461.com-体彩王滨字谜| www.777254.com-开奖公告百度彩票| www.366919.com-彩票的返奖面| www.552005.com-福彩快开多期| www.707952.com-千万彩票怎么领彩金| www.832219.com-想开彩票站怎么申请| www.935169.com-优彩网彩票靠谱吗| 大赢家彩票平台www.577837.com| www.50ds.cc-竞彩研究心得| www.322543.com-竞彩小串关连续中奖| www.61616.com-中华彩票网址| www.720980.com-快中彩开奖结果| www.117534.com-体育彩票计算器| www.6919.biz-彩票都怎么中奖的| www.vi60.com-快三精准计划app| www.878716.com-福彩3d百度乐彩网| www.10ix.com-彩铅画花卉图片简单| www.111242.com-非法彩票app举报| www.437338.com-彩票乱乱乐中奖图片| www.579814.com-乐喜彩票网贴吧| www.719658.com-马来分分彩开奖查询| www.835387.com-炫彩坊纹绣产品批发| www.912085.com-排三杀号定胆家彩网| www.986428.com-上海基诺彩票开奖| www.mh27.com-湖北快三今天推荐号| www.16of.com-重庆时时彩平台大全| www.544.bid-贵州十一选5爱彩乐| www.573951.com-中信国际彩票平台| www.078929.com-体星彩7开奖结果| www.295295.com-福彩彩报全图| www.590820.com-天天乐时时彩平台| www.04zp.com-福彩专家三天计划| www.bg55.com-电竞博彩app| www.68664.com-快三大小最多出几期| www.162150.com-汇彩娱乐平台| www.365947.cc-彩铅不好叠加颜色| www.493003.com-凤凰彩票私彩平台| www.573301.com-彩票k线什么| www.cp8300.com-兰州快三开奖结果| www.694.bid-竞彩猫指数的安全区| www.se1.com-代玩彩票佣金| www.13533.com-新浪爱彩任九投注| www.76304.com-澳门福乐彩开奖结杲| www.040345.com-体彩天下软件| www.8692.cn-中奖彩民图-| www.38951.cc-中福彩票网站| www.198572.com-体彩11选五开奖| www.276102.com-苏州体育彩票店| www.311557.com-广东省快三图| www.355846.com-日本七亿彩票| www.443399.com-华彩赢家真的假的| www.757228.com-彩色混凝土路面材料| www.892796.com-新2彩票网-| www.901107.com-燕赵福彩排列五| 汇发彩票www.hf5883.com| www.116662.com-快三选号秘诀| www.193166.com-派彩电子走势图官网| www.292666.com-福彩新彩网-| www.354683.com-双色球彩票纸怎么看| www.419646.com-秒速时时彩登录网站| www.520411.com-河南中原福彩网| www.585265.com-江苏快三数据专家| www.644665.com-翼彩宝合法吗| www.cp6856.com-北京快三遗漏号数据| www.00059.com-最新的彩票代购网站| www.513171.com-三彩女装官方| www.623666.com-彩票代理注册公司| www.696123.com-广西快三今日推荐号| www.637093.com-彩虹六号壁纸手机| www.007280.com-qq7彩票-| www.086178.com-彩客竞彩彩app| www.863331.com-体彩开奖19029| www.932920.com-彩色透水混凝土价格| www.31rd.com-七乐彩星期几| www.889.cc-彩民村心水高手论坛| www.4847.vip-山西彩服务合法么| www.9613.net-体彩竞彩比分新浪| www.176323.com-十分快三精准计划网| www.254061.com-808彩吧-| www.968799.com-刷彩金违法吗| www.68ry.com-全球主要博彩公司| www.74ij.com-中体时时彩平台网址| www.807174.com-全人类彩票最大奖| www.879387.com-下载pp彩票软件| www.949076.com-福彩3d两码和差表| www.999432.com-彩票乐娱平台哪个好| www.cl12.com-浙江快三查询结果| www.2417.cc-唯彩看球下载手机版| www.19830.com-易彩堂邀请码大全| www.357397.com-三地彩票布衣天下| www.882747.com-中国体彩排列五历史| www.953710.com-足彩竞彩直播| 亚投彩票www.ya838.com| www.672522.com-排列三手机彩宝网| www.763058.com-海南41彩票-| www.821025.com-彩色砼施工-| www.880850.com-广东快三官网下载| www.938589.com-双赢彩票骗局| www.981819.com-中国彩客网首页| www.cai0044.com北京快三开奖结果快| www.545190.com-香港5分彩顶呱古| www.856.tv-福彩3d图标-| www.888967.com-彩站宝安全吗| www.m03.com-趋势王彩票分析软件| www.7427.cn-福彩文化是公益| www.95633.com-彩票公益事业| www.318521.com-高频彩票调整后销售| www.407407.com-彩礼超过2万| www.524765.com-彩票开奖结果号| www.605661.com-富鱼彩票-| www.688186.com-河南福利彩票公众号| www.778818.cc-三一彩票-| www.870147.com-大发福彩是真是假| www.934640.com-彩70彩票下载| www.984783.com-鼎盛彩运8骗局| www.aa29.cc-褔建彩民论坛| www.426748.com-举报福彩中心| www.522069.com-五亿彩下载苹果| www.586247.com-彩视下载安装到手机| www.657252.com-中国福利彩票消宝石| www.725604.com-福彩三地双胆毒胆| www.783846.com-金柯福彩3d-| www.853646.com-天津福利彩票主任| www.911953.com-福利彩票快3技巧| www.964006.com-最新彩票双色球分析| 福彩www.15355r.com| www.176531.com-五分快三下载应用| www.809619.com-手机彩票犯法吗| www.908547.com-人人中彩票骗局揭秘| www.990221.com-77彩票平台靠谱吗| www.hw23.com-湖北精彩十分规则| www.04yq.com-广东七乐彩开奖结果| www.903849.com-福彩3d形态-|