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.83zf.com-河南福彩新快三| www.71592.cc-江苏快三开奖号统计| www.569290.com-什么平台赠送彩金| www.781408.com-百彩网香港-| www.918830.com-彩票外围-| www.981404.com-竞彩国家官方网站| www.fp1.com-时时彩和值走势图| www.877738.com-境外网站足彩合法| www.1622.cc-彩票中奖动态表情包| www.tx58.cc-爱彩乐旧版下载| www.341536.com-98吉林快三群| www.27139.com-彩票七乐彩2元网| www.x42.org-365彩票注册平台| www.5444.vip-9d彩票下载安装| www.207377.com-广西福彩官网快三| 大赢家彩票平台www.317097.com| www.591939.com-中国竟彩网胜平负| www.2468.la-彩票彩客网手机老版| www.989110.com-v9福彩-| www.jt90.com-贵州快三中奖金额图| www.62sg.com-福彩3d精华精衣3| 福利彩票www.flff1.com| www.858963.com-61体彩走势图| www.974596.com-易众彩店稳不稳| www.vt94.com-乐购彩票能不能报警| www.318727.com-赢发彩票网址| www.134778.com-刷彩金吧-| www.85555.cc-台湾彩虹旗论坛| www.571192.com-青蛙彩票资料| www.317744.com-福彩三d合值走势图| www.434518.com-贵阳市体彩兑换地址| www.947943.com-特彩吧高手网| 万利www.32123c.com| www.637189.com-福彩都包括啥| www.179233.com-河南万能快三走势图| www.98pe.cc-黑彩属于诈骗| www.271433.com-广东好彩中奖规则| www.01344.com-足彩必发指数500| www.518711.com-旺财彩票大师| www.621489.com-乐彩网摘解太湖专版| www.269.me-下载王牌彩票app| www.624358.com-彩333官网地| www.3738.vip-七星彩如何抓规律| www.0166.vip-官方时时彩有多少种| www.45583.com-彩薇花护肤品怎么样| www.12255.com-今晚海南七星彩开奖| www.655757.com-彩票无法下单| www.237307.com-福彩3d的玩法| www.90474.com-三国梦想惨星彩漫画| www.5337.wang-全彩助手官网| www.055692.com-山西体彩官网| www.258441.com-足彩推荐-| www.958954.com-深圳福彩官方网站| www.778449.com-迪士尼彩乐园app| www.808787.com-什么网买彩票更可靠| 多乐彩票www.244949.com| www.1384.cm-网上买彩合法吗| www.6817.biz-彩吧彩报十四期| www.16541.com-五分时时彩开奖现场| www.33729.com-快三高赔率平台| www.346188.com-快彩是什么怎么玩| www.791554.com-那种彩票奖金最高| www.266299.com-拉人玩彩票的套路| www.779575.com-两亿彩票网-| www.763843.com-彩神国际官方| www.830120.com-必赢彩票百盈快三| www.38al.com-油性彩铅图片星空| www.462.cm-体彩牛材网杀号定胆| www.32583.cc-河南濮阳台前县彩礼| www.61hl.com-意彩app官方下载| www.587262.com-体彩保定十一选五| www.731154.com-足球唯彩看球| www.976380.com-体彩宝石之王中奖率| www.06bq.com-日本彩铅品牌绿辉| www.08ow.com-彩神幸运飞艇全能版| www.547826.com-万彩影像大师破解| www.741554.com-福彩28期开奖| 大玩家彩票www.9478p.com| www.4551.biz-网上咋注册买彩票| www.619949.com-彩票全包打法| www.656866.com-黑彩怎么玩可以赢钱| www.959885.com-19号彩票-| www.4yc.cc-福彩3d组三价格| www.0858.net-举报长春黑彩店| www.22627.cc-来个靠谱平台玩彩| www.132204.com-天猫能买彩票吗| www.494059.com-一福彩3d鬼六图库| www.053121.com-伯爵时时彩平台| www.854817.com-彩运8彩票邀请码| www.924846.com-世纪佳缘彩票诈骗| www.984732.com-福利彩靠谱吗| www.6041.cc-彩票洗碎还能兑奖吗| www.27393.cc-足彩单场胜负彩| www.71408.com-福彩是什么生肖| www.00915.com-百度乐彩彩票网站| www.134521.com-好彩香烟哪个好抽| www.862130.com-彩客彩票网官方端口| www.53835.com-澳门博彩赌场| www.698293.com-吉林快三全天计划群| www.87xv.com-快三推荐代码是什么| www.811048.com-智慧彩软件破解版| www.883339.com-87彩店官方邀请码| www.966797.com-宝马博彩app| www.cai3934.com兰州快三走势图| www.eh21.com-彩钢围挡图片| www.wt18.com-双色球彩票指南报纸| www.qd04.com-彩票要分-| www.700386.com-九彩官网下载| www.802005.com-彩天堂娱乐官网平台| www.989613.com-本港彩票免费三肖| www.773485.com-台湾时时彩官方| www.900038.cc-济宁福彩县城开店| www.16431.com-奖金最高的彩票平台| www.246356.com-排3凤彩网-| www.621367.com-云南福彩有快三吗| www.772751.com-168彩票极速赛车| www.885450.com-腾讯qq彩票赌博| www.974011.com-百年灵黑鸟每天快三| 中华彩票www.914903.com| www.103004.com-七乐彩中奖奖金| www.7488.xyz-做福利彩票一年利润| www.16jd.com-幸福彩手机报下载| www.007377.com-体彩乐五规则| www.651260.com-体彩玩法-| www.8534.cc-360彩票电脑网页| www.18mb.com-彩金锁骨链套| www.678383.com-乐彩网论坛三d杀号| www.744313.com-168手机彩票苹果| www.816789.com-网络快三输钱| www.905352.com-我在彩票群里买足彩| www.964293.com-七星彩走势图规律| 梦想彩票www.33112m.com| www.396126.com-3月19号彩票| www.012455.com-2280七星彩-| www.124340.com-奥彩票-| www.871846.com-丰彩涂料-| www.08580.cc-彩民彩票电话| www.931978.com-排3彩宝网试机号| www.bm57.cc-香港绝密彩票网| www.321478.com-福彩门戶-| www.465779.com-福彩的开机号是多少| www.601934.com-网上买赛车彩合法吗| www.560431.com-大羸家彩票下载| www.650231.com-亲子游戏彩虹伞| www.987240.com-微信彩票扫码兑奖| www.gd44.com-分分彩漏洞刷钱工具| www.101466.com-红彩会9号-| www.223529.com-内蒙古快3彩乐乐| www.605377.com-尚合娱乐平台彩票| www.950192.com-聚彩51app-| www.ao02.com-网易购彩正规吗| www.130151.com-体彩大乐透有规律吗| www.354144.com-加拿大彩票| www.473098.com-彩乐园彩票网站| www.246448.com-广西快三最大遗漏值| www.328896.com-糖果派对送彩金图片| www.399677.cc-七星彩南海彩票社区| www.568231.com-哪里有彩票源码| www.bp82.com-彩票走势app| www.409558.com-鸿运彩票怎么提现| www.892761.com-谁有全民彩票的网址| www.5383.in-c7网站彩票777| www.hh97.com-连中彩票下载| www.872321.com-彩票的全部技巧|