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.76497.com-旧彩票有回收的吗| www.094599.com-pc蛋蛋彩票骗局| www.200069.com-体彩开奖查询彩| www.306599.com-福彩3d走势连线图| www.395722.com-福利彩票赔率怎么算| www.520391.com-彩票大数据精准定位| www.594662.com-鸿祥彩票-| www.667425.com-吉隆坡时时彩官网| www.bw54.com-大发快三免费计划群| www.d39.com-彩票推算最准软件| www.962067.com-黑彩平台怎么盈利的| www.9547.biz-东彩娱乐是黑| www.056672.com-谁有彩票网站推荐| www.88eo.com-美国彩票power| www.023873.com-五行与彩票-| www.151120.com-中彩威视-| www.992986.com-竞彩资汛-| www.96241.com-福彩千亿案件| www.100626.com-我要下载乐彩网| www.186568.com-快三跨质号-| www.763329.com-福利彩票十分钟玩法| www.885294.com-水立方彩票违法吗| www.962331.com-91彩票全天计划| 500彩票www.390477.com| www.143123.com-福彩3d小助手下载| www.043821.com-678彩票客户端| www.472499.com-天吉彩票网-| www.158706.com-体彩走势图彩宝网| www.701352.com-1305彩票网-| www.608541.com-七星彩精准头尾码王| www.256395.com-河北快三走势图奖聊| www.48168.com-彩软之家下载| www.6130.me-微博买彩票可靠吗| www.m24.live-亚博体育买彩票怎样| www.43300.com-四川福彩学院| www.21669.cc-女孩喜欢买彩| www.658631.cc-静海福彩中心地址| www.745800.com-下载手机天天中彩| www.835350.com-彩八彩票怎么下| www.895322.com-优彩彩票官方网站| www.956336.com-七星彩开奖历史数据| 亿龍彩票www.1368a.cc| www.181719.com-江苏快三彩票开奖| www.251920.com-旺彩大乐透app| www.598811.com-彩票201935期| www.69jw.com-香港球彩live| www.456944.com-梯子游戏彩票官网| www.v05.com-彩票中奖可靠吗| www.071371.com-竞彩彩票app| www.28123.com-555彩票黑-| www.475377.com-国内彩票公司招聘| www.872230.com-山西体彩在哪儿兑奖| www.974856.com-海南体彩最新版下载| www.856396.com-彩票12辽宁-| www.968470.com-福彩便民民-| www.yj3.com-吉林快三38期| www.63ss.com-万博买彩用那个| www.281.space-彩妆加盟哪家好| www.698746.com-水溶彩铅风景画| www.815729.com-江苏手游彩下载专区| www.925522.com-谁知道旭彩彩票| 500彩票www.50051w.com| www.900871.com-3d水果图彩吧| www.969540.com-快三二同号单选| 彩票58www.585277.com| www.8071.cc-新匍京彩票-| www.739133.com-57彩票下载-| www.381352.com-用微信买实体店彩票| www.928158.com-彩票赌注那个违法吗| www.052508.com-安徽快三在线官网| www.8179.org-七乐彩13期-| www.36151.com-快乐彩票网官方端口| www.513495.com-三彩家管理-| www.0791.net-大发快三网彩| www.8884.cm-体彩上限-| www.452125.com-体彩七星彩开奖记录| www.775363.com-彩票中一个数有奖吗| www.518823.com-山西体彩巨奖| www.11852.cc-网上小彩票-| www.925227.com-福彩3d彩宝贝杀号| www.285.cm-商丘彩礼为啥这么贵| www.6309.vip-3d彩报三-| www.242444.com-360红快三开| www.893182.com-彩票超级助手官网| www.983640.com-合法的彩票有哪些| www.kk28.com-吉林快三倍投计算器| www.35xr.com-足彩开奖金-| www.3156.win-体育七彩票808版| www.133151.com-宝马彩票手机版下载| www.538040.com-国彩彩票邀请码| www.268304.com-彩涂铁板-| www.362110.com-天津十分彩走势图| www.453220.com-七乐彩尾数分布图| www.662586.com-彩票智能机选号| www.332371.com-如何举报黑彩票网站| www.178606.com-足彩胜负14场| www.802519.com-怎么看福彩开奖直播| www.492991.com-热购彩票入口| www.4543.com-七星彩19030期| www.649955.com-排五开奖结国彩宝贝| www.331223.com-乐彩大发快三有挂吗| www.484976.com-快乐5分彩是哪里的| www.842820.com-福彩主任获刑17年| www.932231.com-河图洛书测彩票| www.997231.com-快三二不同13| www.el28.com-下载炫乐彩票| www.026391.com-精彩十分开奖号湖北| www.881122.cc-爱彩人彩票网登录| www.949357.com-江苏老快三360| www.ko32.com-今日袁老师看彩| www.63km.com-彩票开奖查询| www.571952.com-手机怎么够买彩票| www.633945.com-欢乐炸金花彩票| www.746234.com-彩天下合法吗| www.111435.com-彩66金鹰pk10| www.234837.com-福彩3d彩宝网| www.341294.com-新浪漂彩双色球| www.496668.cc-体彩可以网上兑奖吗| www.640191.com-777彩票网站| www.787178.com-竞彩足彩是什么| www.869705.com-网易购彩客户端下载| 500万彩票www.35155s.com| www.x21.me-每周彩票开奖时间表| www.93ra.com-福彩时刻重庆5分彩| www.402355.com-dd彩赚钱-| www.5309.cm-腾讯分分彩后三独胆| www.167486.com-中国福彩快3玩法| www.05016.com-彩票自助机-| www.08pu.com-河北福彩体彩| www.485382.com-网络彩票何去何从| www.594343.com-七彩汇娱乐手游下载| www.732084.com-微微彩票管网| www.918302.com-苹果版的彩票软件| 500万彩票www.96386g.com| www.367144.com-幸运彩票登录网址| www.467688.com-今天3d彩票图| www.540730.com-玩北京快三有危险吗| www.604102.com-福龙彩票app| www.664939.com-彩民之家a图| www.725962.com-怎样买3d彩票| www.788729.com-新加坡福彩开奖结果| www.852272.com-唯彩看球竞彩栏目| www.898114.com-买彩票输了几十万了| www.955276.com-网易五分彩必中| 500彩票网www.61655n.com| www.95jh.com-济南彩票领奖地址| www.4186.biz-七彩格子理财跑路| www.2145.vip-足彩第19046期| www.6971.top-帮别人玩时彩| www.31139.cc-九鼎彩票app下载| www.000734.com-竞彩篮球有哪些比赛| www.188029.com-快乐时时彩是哪里的| www.663598.com-新浪彩票大乐透机选| www.783022.com-o38彩票软件| www.881324.com-三地彩吧助手走势图| www.968784.com-乐彩vip安卓| www.dq96.com-快三省份-| www.29ar.com-竞彩足球258网| www.968.top-银海彩报布衣天下| www.209366.com-福彩快开彩怎么玩| www.840638.com-网上利民彩票真的吗| www.006491.com-五分彩开奖官网站| www.155745.com-好彩客2016版| www.236539.com-辽宁福彩短信代码|