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天

知道了
彩票123现在叫什么名字 www.586759.com-智慧彩票预测的大咖| www.740456.com-易网彩票开奖查下载| www.839171.com-天天彩票推荐| www.925173.com-财神彩票网站| www.993546.com-足彩购买时间| www.rw5.cc-福彩三d全图| www.tv50.com-比彩名堂好用的软件| www.19dr.com-私彩量刑-| www.1130.vip-比赛中断竞彩怎么算| www.8615.loan-今日足彩开奖结果| www.49718.com-足彩缩水软件app| www.001500.com-什么彩票好中奖| www.082305.com-四季彩官方下载| www.161086.com-90.cm彩票-| www.291941.com-福彩双色球开奖| www.372853.com-各省快三开奖时间| www.488695.com-七乐彩上期中奖号码| www.572736.com-86人工彩票网| www.657946.com-彩球碰撞-| www.806838.com-足彩任九玩法| www.888793.com-c78彩票-| www.988305.com-彩吧vip快三下载| www.gl9.com-安徽快三走势| www.qw98.com-173时时彩平台| www.15sw.com-淄博福利彩票店转让| www.299.pw-1288购彩平台| www.4662.biz-胜负彩贴吧-| www.05811.com-赠彩金的游戏网站| www.55608.com-易彩网登陆网址| www.007860.com-彩票机原理-| www.086106.com-百盈彩票是什么意思| www.160152.com-广州体彩快中彩| www.318248.com-简单水彩画-| www.397888.cc-乐彩01下载-| www.539159.com-彩票电视开奖直播| www.632485.com-彩票任选玩法| www.713629.com-王者彩票快三破解| www.799833.com-体彩微博31选7| www.878963.com-幸运二分彩-| www.978859.com-好彩烟在哪能买到| www.go08.com-立彩-| www.zk36.com-彩票上海11选5| www.32wu.com-2000年彩票-| www.0652.biz-彩票算奖-| www.7935.com-一定牛快三推荐| www.32799.cc-福彩3d天宇和值迷| www.80064.com-时时彩玩法介绍| www.036563.com-时时彩怎么做计划| www.159150.com-手机彩票趋势软件| www.254623.com-好多人骗别人玩彩票| www.331548.com-彩乐大发快3| www.410693.com-姜山冷门足彩新浪| www.519708.com-256彩票ios| www.592484.com-彩票中奖记录| www.669733.com-彩票可以投6个| www.751149.com-彩票巴士怎么提现| www.824670.com-体育彩票手机助手| www.900814.com-双赢彩票网站| www.970635.com-快三能买单双吗| www.l83.cn-两元彩票网-| www.47sv.com-凉凉彩铃下载| www.861.win-彩票模板选号神器| www.5278.space-香港赛马会派彩结果| www.10888.cc-被华夏彩票黑了| www.55966.com-香港好彩票-| www.002322.com-新加坡快三走势图| www.071836.com-彩色纸箱厂家| www.140346.com-彩票平台99-| www.219618.com-彩吧图库彩报中心| www.298042.com-人人彩票网合不合法| www.369509.com-玛雅彩票-| www.470611.com-竞彩足球是赌博吗| www.585836.com-腾讯天天中彩票赔偿| www.672855.com-彩票平台会员登录| www.755508.com-福彩三d独胆家彩网| www.949078.com-高频彩投注网| 乐彩赢www.0014o.com| www.eh60.com-福利彩票6+1| www.d42.me-特区彩票论坛七星彩| www.53ln.com-福彩高频彩是啥| www.604.bid-tt彩票网下载安装| www.3809.com-足球竞彩混合| www.9612.loan-苹果彩票手机版| www.93946.com-中国彩票要倒闭| www.058621.com-南京彩虹之家地址| www.155973.com-好彩客怎么下载的| www.281812.com-彩民之家正版彩图| www.367585.com-上上期彩票中奖号码| www.460661.com-彩票注数是什么意思| www.550957.com-彩票合买方案微信| www.656008.com-彩神帝网址-| www.740606.com-幸运28彩下载| www.813753.com-大连体育彩票微信群| www.884411.com-好运快三平台网址| www.985056.com-竞彩足球平局算谁赢| www.ai07.com-七星彩预测最准号码| www.sl00.com-彩票模拟机选| www.11kt.com-做彩票代理赚钱吗| www.81iv.com-乐迷彩票-| www.1853.top-广西快三提示| www.9891.cn-竞彩规则改变| www.52825.com-好彩头官方下载| www.95965.com-福彩都包括什么| www.059172.com-白岩松彩票视频| www.162150.com-汇彩娱乐平台| www.247161.com-快三跨度振幅走势图| www.319613.com-福彩三的和值表视图| www.387521.com-手机膜有彩色| www.550530.com-江苏快3彩票群| www.655854.com-中国彩客网首页官方| www.736925.com-福利彩票选好| www.806866.com-博牛彩票查询双色球| www.879508.com-花生彩票是骗局吗| www.972005.com-易中彩票网骗局| 博友彩www.769639.com| www.id29.com-彩票快三能赚钱吗| www.yu53.com-八号彩久彩票| www.19yj.com-支付宝彩票怎么买| www.763.red-荷兰5分彩走势图| www.4567.in-彩票店买彩票流程| www.9555.site-中国彩票有多少个| www.60416.com-彩票双球3b-| www.015000.com-七星彩19040| www.079579.com-竞彩篮球玩法规则| www.144967.com-3d彩报大全-| www.307152.com-手机淘宝怎么买彩票| www.373752.com-泰版好彩薄荷香烟| www.503282.com-农彩娜-| www.570501.com-七彩云南翡翠专卖店| www.637019.com-满彩堂登录网址| www.743874.com-购彩助手app| www.806509.com-快三二同号全包打法| www.874427.com-私彩1980-| www.964176.com-彩乐乐彩票杀号| 500彩票www.50052y.com| www.eq38.com-炫乐彩票官方网站| www.uk32.com-开时时彩平台| www.01oi.com-彩虹羽泉伴奏mp3| www.65yy.com-198彩登录-| www.0108.cn-买彩票网名-| www.9096.cc-靠谱的购彩平台| www.39869.cc-台湾彩票app| www.84137.com-重庆时彩开奖时间表| www.029143.com-彩票收藏价格与图片| www.098664.com-福彩3d两码和差表| www.157211.com-易彩娱乐登录| www.276387.com-快三二同号全包| www.357316.com-员工年会彩票中大奖| www.444116.com-七星彩票奖表| www.529144.com-288彩吧精华布衣| www.626017.com-三分彩是正规开彩| www.690181.com-福彩三d历史试机号| www.762424.com-能买足球彩票的软件| www.862190.com-怎么黑彩票主机| www.919733.com-那个彩票平台信誉好| www.971795.com-8号彩票正规吗| www.yb6.com-玩网彩输了八万| www.pj56.cc-彩票分析师资格证| www.2bx.cc-买福利彩票时间表| www.46yc.com-开体彩店能赚钱吗| www.285.live-七星彩买了好多年| www.3151.cn-足彩单场比赛购买| www.8161.wang-台码福星彩开奖直播| www.22900.com-福彩3d有没有造假|