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天

知道了
百盈PK10 www.21eh.com-会员登陆乐彩| www.61300.com-038彩票网合法吗| www.37753.cc-兴华彩票兼职| www.805289.com-七乐彩七等奖| www.890010.com-彩票委托纠纷| www.967231.com-福彩顺口溜-| www.cp0738.com-福彩3d是国家| www.04jw.com-高鸿彩票网-| www.642123.com-特彩吧9949网| www.754630.com-南方双彩手机网| www.837233.com-安卓版彩票缩水软件| www.268306.com-彩吧网3d-| www.266999.cc-8号彩票app-| www.955666.com-河北快三遣漏值| www.tz1.cc-安徽快三今日预测| www.a02.top-爱彩网app-| www.dd10.com-官方人人彩票| www.186723.com-彩牛网天下彩票| www.266901.com-江苏体彩中心| www.4927.cc-彩经网p3试机号| www.936132.com-哪个彩票网站高反水| www.072658.com-appcp彩票-| www.118978.com-云购彩票是真的吗| www.487305.com-彩票能赚到钱吗| www.628837.com-什么是极速快三| www.760669.com-快彩11选五开奖| www.2348.me-福彩3d二码分沁图| www.99924.com-幸运168彩票| www.3854.xyz-福彩梅子今天预测号| www.06565.com-高价收中奖彩票| www.71773.cc-福彩3d彩图迷| www.5ke.com-刘军时时彩教程全集| www.u41.tv-内蒙ⅱ选五彩票| www.451111.cc-体育彩票22选5| www.576595.com-中国福利彩票讨论群| www.654666.com-手机港彩网投论坛| www.748011.com-绿色好彩爆珠| www.837654.com-竞彩足球滚球怎么玩| www.925002.com-众赢彩票下载安装| www.994796.com-好彩客怎么下载不了| www.cp99.com-彩票彩客电脑版| www.tw86.com-快三投注平台代理| www.564970.com-3d诗谜画谜新彩吧| www.10pf.cc-黑彩代理返点设置| www.94eu.com-合乐888彩票总部| www.93328.com-七星彩开奖号码查| www.193361.com-福彩3d走势图势图| www.309249.com-马来西亚乐和彩合| www.882376.com-体育彩票销量下降| www.182432.com-下载福彩手机选号| www.871.blue-时时彩混合组选做号| www.14567.cc-七星彩规则及奖金| www.6353.com-摇发彩票怎么洗码| www.32824.com-希望彩票app入口| www.xj23.cc-福彩乐透乐论坛首页| www.255307.com-微彩吧-| www.780237.com-海南七星彩梦兆查询| www.579147.com-福彩会中奖吗| www.059328.com-山东好彩-| www.021267.com-快乐彩票三抢红包| www.641911.com-福彩门头图片| www.756773.com-全民彩票12222| www.299071.com-57彩票-| www.584398.com-中彩网网页版有那些| www.20ez.com-足球彩票19022| www.62314.cc-福利彩票3d彩谜图| www.064977.com-老9购彩票-| www.2882.cc-如何才能破解快三呢| www.48482.cc-宝马人工计划时时彩| www.709096.com-带玩彩票的是真的吗| www.797882.com-时时彩一条龙| www.898308.com-什么是七星彩票| www.13ti.com-天下彩天天好彩| www.995840.com-好彩牛牛开挂软件| www.396254.com-省福彩中心上班时间| www.525124.com-香港圣地彩-| www.602815.com-彩6精华版是真的吗| www.677205.com-临沂彩色玻璃| www.758170.com-顶尖团队彩票计划| www.832295.com-七彩影院在线下载| www.892900.com-彩票收米表情包| www.954623.com-豹赢彩票app下载| 8号彩票www.81520f.com| www.789712.com-三地彩涂-| www.885106.com-有玩同乐彩票的吗| www.964254.com-燕赵福利彩票快3| www.qs3.cc-吉林市彩票兑奖地址| www.335432.com-菲律宾正规彩票| www.511828.com-大地彩票软件| www.632377.com-吉林快三彩经网开将| www.828645.com-英国彩票种类| www.910620.com-快三走势图贵阳| www.cai64.com-快三开奖结果吉林| www.305566.cc-彩票怎么才能中奖| www.258706.com-专家足彩推荐预测| www.50208.com-幸运彩票注册送彩金| www.028491.com-黑彩投注比例| www.143826.com-福彩快乐8-| www.772129.com-500彩票网旗下| www.887320.com-天天购彩网是真是假| www.973240.com-彩虹社区官网| www.ps3.cc-快三派彩手机走势图| www.72697.com-吉林福利彩票投注站| www.630992.com-体彩飞鱼有什么规律| www.703959.cc-中国教育台福彩开奖| www.739133.com-57彩票下载-| www.38593.cc-爱彩ac99-| www.977463.com-我中了彩票这个软件| www.706802.cc-天天时时彩论坛| www.75516.cc-彩吧网预测总汇| www.075369.com-哪个彩票平台排名| www.6495.xyz-七乐彩专家杀号高手| www.ga70.com-彩票选好选几个| www.826250.com-网上彩票何时恢复| www.917253.com-必赢彩票贴吧| www.651001.com-云南时时采彩开奖| www.532.red-今天的天天福彩重播| www.712861.com-腾讯分分彩论坛天涯| www.343727.com-学生玩彩票输了几千| www.457199.com-买彩票的语录| www.557524.com-彩票中奖交税过程| www.634668.com-七彩狐泳装集团| www.705323.com-福利彩票能买大乐透| www.769570.com-无嘴好彩哪里产的| www.833320.com-彩票二维码通用吗| www.885939.com-内蒙体彩十一选五| www.942683.com-广西体彩官网首页| www.981861.com-海南省体彩中心| www.cai5200.com时时彩最新开奖结果| www.631769.com-彩晶膜公司-| www.689001.com-彩友沙龙-| www.751874.com-372彩票-| 包租婆|香港马会开奖结辜挚烊⑿磐蹲⑷蝴|白小姐资料一肖中特|平特一肖|香港挂牌|六合在线|六合开奖现场|六合现场直播| www.456043.com-红菜苔彩票提不了现| www.298329.com-内蒙快三基本走势| www.397414.com-体彩足球竞猜网首页| www.519557.com-重生之我中了彩票网| www.603308.com-梦到彩票站-| www.673362.com-彩票兑奖号码| www.746232.com-2019购彩app| www.836322.com-长沙体彩兑奖中心| www.894239.com-手机app彩票| www.966189.com-快三倍投法-| www.443.in-五福821彩票下载| www.941289.com-彩票套利是怎么套的| www.yg91.com-分分彩计算方法公式| www.9498.cc-彩钢琉璃瓦机厂家| www.52274.com-六全彩赌博量刑| www.985481.com-足彩竞彩比分直播| www.ol6.com-福利彩票3d倍数| www.441037.com-彩钢瓦机双层多少钱| 金彩www.984jc.com| www.555040.com-中彩票了1个亿| www.418616.com-网上可以买竞彩吗| www.561952.com-福彩开奖时间几点| www.716193.com-澳洲时时彩免费计划| www.844967.com-体彩足球胜负推荐| www.937696.com-福彩网app正规吗| www.iw47.com-体彩31选7规则| www.309280.com-失控的黑彩-| www.407928.com-海南七星彩规律多条| www.521691.com-新浪时时彩开奖| www.590861.com-一定牛还能买彩票吗| www.663050.com-体彩6十-|