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.9070.org-七乐彩行运天下| www.518800.com-中彩票亲戚反目| www.83ej.com-拉萨福彩中心电话| www.461114.com-用彩铅画荷花教程| www.613466.com-彩购5-| www.774466.com-体彩排列五玩法技巧| www.916313.com-五福彩票送彩金| www.er68.com-湖北快三论坛| www.u02.net-体彩360杀号| www.971.red-彩票赌博赚钱新思路| www.98rh.com-河北快三开将结果| www.9339.bid-福彩补录事件| www.788548.com-足彩19053期| www.891202.com-幸运快三计划技巧| www.963524.com-1号店彩票-| www.cai4446.com快三河南走势图| www.711099.com-明彩纺织-| www.918088.com-湖北新快三-| 500彩票www.50064x.com| www.pb76.com-官方一分快三计划| www.55310.com-江苏福彩有哪些玩法| www.475836.com-五行中彩票-| www.212387.com-淘彩票官网-| www.583002.com-制作福利彩票走势图| www.25332.cc-彩铅技巧-| www.4074.cc-乐彩33登陆-| www.32691.com-体彩投诉电话| www.365620.cc-竞彩二串一对冲| www.564440.com-东方彩票平台注册| www.678796.com-注册送168彩金| www.770259.com-彩票足球竞彩网| www.146240.com-彩票567app-| www.460968.com-黑彩3d平台下载| www.599139.com-顶尖的彩票软件源码| www.5606.cm-高频彩票的危害| www.700057.com-彩票3d一等奖| www.91gf.cc-万福彩票是黑网吗| www.059254.com-时时彩趣味玩法说明| www.13uy.com-时时彩任选玩法| www.439955.cc-彩票2o1-| www.998122.com-彩票七天乐app| www.800936.com-彩票中奖了领奖时间| 大赢家彩票平台www.913812.com| www.668825.com-欢乐彩票怎么样| www.778025.com-欢乐十分彩正规吗| www.899970.com-天天彩怎么下载| www.974451.com-福彩3d幸运鑫预测| www.cai9099.com体彩开奖查询| www.187622.com-时时彩算和值| www.023920.com-境外彩票-| www.115461.com-彩铅画樱花树教程| www.772853.com-时时彩手机开挂软件| www.860001.com-时时彩是不是诈骗的| www.939946.com-快三买和值中奖金额| 彩票8www.cp8007.cc| www.573189.com-腾讯分分彩分析系统| www.yy25.com-惠民彩票犯法嘛| www.559946.com-白菜网址送彩金大全| www.277632.com-一定牛彩票开奖直播| www.055185.com-山东体彩扑克3查询| www.05548.com-顺发彩票官方网站| www.752505.com-体彩犯罪-| www.512355.com-简单古风画手绘彩铅| www.236915.com-奥客网竞彩-| www.720782.com-新彩票论坛手机版| www.822895.com-七星彩买奖软件网址| www.899823.com-天天彩票注册送88| www.969426.com-酷彩吧提现-| www.ny58.com-福彩天机图-| www.x35.club-时时彩微信交流群| www.438144.com-体彩排列三报纸| www.526958.com-宝哥竞彩今晚推荐| www.611048.com-快三内蒙开奖| www.690233.com-足彩310走势图| www.773819.com-时时彩直选做号技巧| www.654557.com-江西体彩电话| www.45545.com-中国彩票双色球复式| www.917955.com-网络销售彩票犯法吗| www.979331.com-福彩开奖结果是多少| www.64rp.com-彩票公益金如何使用| www.824682.com-彩票站用的app| www.001609.com-彩票房下载-| www.364377.com-世界杯期间网络彩票| www.577747.com-昨天的福彩-| www.657017.com-长春体彩中心位置| www.725328.com-蕾彩-| www.799456.com-亿彩购物中心| www.874822.com-7k彩票-| www.946952.com-彩色混凝土配方| www.999100.com-汇彩网官网-| www.mq17.com-玩时时彩输了很多钱| www.961584.com-福彩快三官方网下载| www.rk6.com-福彩快三害死人| www.vd03.com-481体彩开奖| www.02oo.com-彩虹六号人物资料| www.324008.com-7乐彩免费推荐| www.37313.com-皇家彩世界网址多少| 易彩网www.36166x.com| www.208518.com-中国福利彩票怎么查| www.335688.com-网上广西快三违法吗| www.484824.com-多彩网网页登录| www.666836.com-乐彩客彩票安全吗| www.754746.com-福彩3d专家会员版| www.254586.com-吉林福彩网快3| www.2371.wang-七彩蛋l手机版| www.9368.online体彩排列3开奖直播| www.283527.com-买彩票几位数| www.122845.com-丰顺福利彩票| www.53fy.com-3d福利彩票玄机图| www.fp34.com-中国体彩大乐透玩法| www.215.biz-鼎丰彩票邀请码| www.369.tv-今曰福彩体彩字谜| www.716783.com-彩铅一片樱花树画法| www.195236.com-贵州省快三跨度| www.280233.com-十四场胜负彩对阵表| www.848717.com-汪汪时时彩计划官网| www.933356.com-五分快三最最长龙| www.984504.com-彩8怎么赚钱| www.cp0907.com-快三口诀怎么用| www.ny05.com-大乐透彩票选号神器| www.297563.com-帮ip代玩彩票| www.wh62.com-彩票走势怎么看| www.09nu.com-查体彩-| www.05725.com-乐彩快三app| www.065526.com-风雨彩虹歌词| www.356512.com-彩票网购-| www.539803.com-时时彩后二8码| www.650081.com-彩票有哪些比较简单| www.770541.com-今天福彩3d太湖图| www.879902.com-105彩票违法吗| www.974965.com-彩票二元网走势图| www.tb20.com-查询福利彩票下载| www.60nk.com-彩票注册优惠活动| www.7mk.com-彩铅美食图片| www.50os.com-彩票查软件-| www.0483.cn-体彩恢复网上购买| www.197151.com-78彩-| www.278134.com-来自旺彩社区图片| www.13.cn-三亚私彩举报电话| www.0912.in-双色球500彩票网| www.160553.com-快发彩票是什么| www.021803.com-1分钟彩票怎么回事| www.325385.com-今晚七乐彩开奖结果| www.391232.com-飞腾彩票是陷阱吗| www.512302.com-彩铅素描香蕉| www.825889.com-五星乐彩app| www.970194.com-河北体彩网官方首页| www.cai5511.com快三走势图甘肃预测| www.oj04.com-酷发财彩团队彩票| www.896097.com-体彩天下官方网站| www.397040.com-福彩组六4码遗漏| www.364115.com-福彩兑奖时间是多长| www.4991.vip-足彩中奖-| www.22828.com-海南体彩飞鱼规则| www.66632.cc-app计划彩票下载| www.311730.com-福彩3d彩民乐图库| www.393913.com-天津时时彩正规吗| www.711097.com-国内足彩狙击团队| www.087312.com-935彩票-| www.165271.com-彩票刷佣金-| www.18km.cc-体彩周五开什么奖| www.410425.com-彩票免密充值平台| www.631788.com-e购彩官网下载| www.723909.com-快三线上app下载|