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.307669.com-大乐透派彩每日推荐| www.448432.com-老张说彩双色球不准| www.062446.com-快三是全国彩票吗| www.695717.com-竞彩8场5关对6| www.eu18.com-大发时时彩正版下载| www.4xn.com-中国福利彩票aop| www.433876.com-大乐透中奖彩票站| www.369152.com-彩票不会中奖| www.498083.com-大众商家买彩票| www.10zd.com-送108元彩票| www.8128.win-一分快三贴吧| www.652792.com-500彩票网直播| www.6mo.com-淘宝可以送彩票吗| www.572227.cc-好彩堂软件-| www.707538.com-南充市福彩网| 尊彩www.083025.com| www.115444.com-彩钢瓦屋顶光伏支架| www.925868.com-爱乐透彩票万博门户| www.370010.com-中彩娱乐网一一登录| www.170009.com-快三技巧与规律| www.272886.com-pc福彩什么意思啊| www.363119.com-用手电能产生彩虹吗| www.269395.com-三分彩官网-| www.427655.com-一分快彩-| www.572122.com-福彩开奖带试机号| www.646771.com-彩票是人为-| www.730813.com-凤凰竟彩-| www.801130.com-永旺彩票网-| www.876417.com-体育彩票开奖排列五| www.953607.com-好彩香烟有几种口味| www.cai613.com-福彩快三技巧| www.qd14.com-日本彩票销售下降| www.2rl.com-福彩站利润-| www.7056.vip-彩票310什么意思| www.36748.com-福彩共有多少种| www.5473.vip-快三每隔几分钟开奖| www.257823.com-38彩票软件-| www.365810.com-彩票刑事案件| www.502131.com-中国宏达彩-| www.588781.com-关于808福彩| www.4xi.com-彩票怎么看中奖金额| www.81kr.com-北京加盟福利彩票| www.3432.vip-北京一分钟赛车彩票| www.ny39.com-快三守号最佳计划| 8号彩票www.60108f.com| www.397204.com-乐透型彩票分析| www.518785.com-乐米彩票停了嘛| www.611368.com-有没有彩票职业玩家| www.691251.com-竞彩网天天竞猜| www.770198.com-夭空彩票-| www.843188.com-遵义体彩领奖地址| www.908283.com-最新七乐彩计算公式| www.976548.com-七乐彩复式玩法| www.dc55.cc-江西快三精准计划网| www.363732.com-规定彩虹几种颜色| www.600844.com-每期买多少钱的彩票| www.787903.com-竟彩混合投注| www.954767.com-七星彩今天-| www.nm07.com-中国竞彩投注比例| www.55no.com-蒙自市体彩中心| www.254959.com-湖北省利川市三彩| www.586.me-红单彩票站软件下载| www.294522.com-河北快三连开30期| www.383963.com-彩票真假怎么查| www.bt96.com-彩票助手手-| www.358520.com-福利彩票中4个数字| www.365329.cc-彩票送99彩金| www.919377.com-彩票系统极云| www.ly44.com-辽宁福彩3d走势图| www.113772.com-乐彩网3d字谜汇总| www.06488.com-最新足球彩票对阵表| www.267228.com-辽宁快三走势图| www.bu83.com-快三网是什么意思| www.531792.com-老彩民双色球技巧| www.1003.vip-福利彩票长龙| www.68060.com-彩票条码秘密| www.99se.cc-梦想彩票怎么样| www.508669.com-体彩天-| www.584530.com-苏宁彩票怎么办理| www.659407.com-彩票开p62-| www.735142.com-适合新手的彩票| www.816036.com-福彩香港专版和图| www.892466.com-懂彩帝苹果下载| www.962894.com-福彩3d彩图库| 网易彩票www.506752.com| www.794520.com-网赌彩票刑事拘留| www.87wj.com-彩票店关店-| www.zv74.com-彩46-| www.532892.com-河北快三手机版| www.977293.com-南阳彩礼哪里高| www.590608.com-彩票彩经网走势图| www.062358.com-淘宝彩票网可靠吗| www.882013.com-体彩481开奖号| www.952226.com-手机上玩幸运彩票| 福利彩票www.99677f.com| www.ii01.com-体彩竞彩实体店| www.1rs.com-博乐彩票现金官网| www.598.in-63彩票-| www.021426.com-分分彩中奖规则| www.271812.com-好彩1及中奖规则| www.ba78.com-江西体彩网官方首页| www.255627.com-购彩3怎么玩| www.128921.com-彩票节目-| www.53io.com-体育彩票多钱一张| www.30377.com-体彩彩票走势图| www.99906.com-彩票秘籍预测码| www.376398.com-安徽体彩十一选| www.633822.com-七彩国际美容院退款| www.73zv.com-体彩排列3怎么兑奖| 大赢家彩票平台www.810726.com| www.nl26.com-彩票365软件| www.02ar.com-彩虹的七种颜色混合| www.73uf.com-今日彩票吉数| www.0752.site-怎样玩五分彩| www.6737.cn-竞彩视频网-| www.764300.com-天下彩下载-| www.893991.com-网彩平台排行榜| www.974477.com-福彩d开奖号| www.cai6644.com长春快三走势图| www.839970.com-pc28彩票官网| www.079724.com-足球体彩玩法| www.154672.com-足彩贴吧-| www.315671.com-时重庆市彩开奖号码| www.292174.com-重庆快三怎么样| www.zz79.com-竞彩店难不难申请| www.831301.com-足彩爆冷四因素| www.80226.cc-国际彩票是真的吗| www.17459.com-彩票七涅彩预测| www.7258.cm-彩虹4价格-| www.843379.com-中国福利彩票政策| www.937756.com-体彩第19007期| www.985174.com-微信快乐彩跑路| www.ou10.com-网乐彩-| www.986950.com-彩票投注网址app| 全民汇彩票www.52303t.com| www.285253.com-什么彩票有快三| www.406664.com-彩客网比分直播首页| www.380711.com-彩票代购什么意思| www.92qz.com-8号彩票软件安全吗| www.sh59.cc-彩199彩票-| www.248594.com-福彩出什么-| www.12ko.com-彩8万app-| www.578656.com-彩之云信息化平台| www.2130.vip-彩票竖条-| www.135244.com-一品彩票-| www.675917.com-排五走势图彩宝网| www.287528.com-买彩票软件哪个好| www.756526.com-3d彩票今晚实票| www.xk74.com-亿网彩票官方网址| www.1268.cn-合法快三平台| www.217675.cc-五星彩票app下载| 中国福利彩票www.34788v.com| www.802844.com-福彩藏机图天中图库| www.917713.com-网赌送彩金-| www.989607.com-最稳彩票计划赚钱| www.cy25.com-彩神lll-| www.w75.club-32彩票手机app| www.253306.com-广东好彩3走势图| www.349883.com-买福彩多还是体彩多| www.118616.com-彩票app购买时间| www.941785.com-各省体彩店佣金| www.sg09.com-福彩十二生肖| www.810758.com-新浪足彩网足彩网| www.585895.com-分分中彩网址|