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.x66.cc-下载彩票网站| www.571.space-cba什么彩票能买| www.356594.com-员工中608万彩票| www.680652.com-澳门彩票官方投注| www.sm91.com-e球彩3场全包奖金| www.37rs.com-七星彩前四位推荐| www.5123.top-高彩霞-| www.620258.com-釉中彩和釉下彩区别| www.759320.com-大中华彩票推荐| www.17099.cc-上海昨天快三开奖| www.318341.com-430前后关系体彩| www.825876.com-彩票2元排三走势图| www.975306.com-汇彩网骗局揭秘| www.53266.cc-天津彩民之家客户端| www.307411.com-韩国金山快三图| www.815362.com-福利彩票在线投注卡| www.6249.vip-什么彩一分钟开一次| www.88948.com-顺盈彩票app下载| www.178575.com-彩票投注大厅| www.108629.com-彩票赢还是输| www.302438.com-江苏快三所有号| www.587297.com-福彩七乐彩号码| www.011368.com-重庆时彩开奖记录| www.900613.com-赢钱彩苹果版| www.145943.com-567彩票安全吗| www.392307.com-重庆时时彩胆码预测| www.s37.top-彩经网免费专家预测| www.94is.com-易彩云客服-| www.192259.com-甘肃快三今日走势图| www.805776.com-彩票走势图数据大全| www.898549.com-福彩3d开奖106| www.981029.com-七彩装饰-| www.151643.com-官方时时彩怎么玩| www.266733.com-河北快三走杀号| www.338467.com-中国体育彩票新闻| www.426048.com-竞彩如何对冲赚佣金| www.527427.com-彩经搜狗彩票走势图| www.040091.com-彩乐乐福彩预测| www.700549.com-七星彩开奖直播网| www.807980.com-彩票一注多少钱| www.897081.com-石家庄快三开奖查询| www.964331.com-海南体育彩票官网| 金掌柜www.83993j.com| www.89784.com-年会彩票中奖| www.355864.com-河北省快三开奖走势| www.462946.com-97彩票平台咋样| www.559339.com-天天中彩票联网官网| www.628827.com-极速快三必-| www.705240.com-福彩天气网保真| www.780817.com-彩虹吉他谱c调| www.855564.com-釉彩的主要成分| www.919693.com-时时彩制作网站价格| www.982200.com-快三所有组合概率| www.wt4.cc-吉林今日快三开奖号| www.105069.com-正规体育彩票软件| www.685989.com-福彩三地字图谜专区| www.770857.com-快三456多少钱| www.840833.com-彩票中奖要交多少税| www.906989.com-彩票有几种奖项| www.972271.com-彩票资讯api| www.cp0688.com-快三软件破解版下载| www.nj92.com-中国足球彩票| www.426.cc-中国福利彩票sd| www.654079.com-金龙彩票认证官网| www.751306.com-中彩网一用户登录| www.874152.com-七皇彩开奖结果| www.950297.com-彩39彩票-| 金掌柜www.83993v.com| www.2930.vip-青海体彩一等奖| www.529836.com-彩票开奖延时| www.860939.com-山东体彩手机查询| www.926724.com-达人彩票娱乐| www.978443.com-9万彩票平台可靠吗| www.zd2.com-彩票平台提现失败| www.58zf.com-七星彩梦册解梦码| www.66754.com-3d彩摘网-| www.363984.com-彩虹的颜色顺序| www.489109.com-国家体彩云平台| www.049.site-体彩天-| www.5286.top-深圳沙井体彩店转让| www.841528.com-竞彩足球外围比分| www.968471.com-鲍学全面具领彩票| www.cp5768.com-买快三输的最惨的人| www.121900.com-快三长龙提醒app| www.53993.cc-彩票牌子-| www.287744.com-彩票跟单-| www.285338.com-时时彩什么叫跨度值| www.122361.com-有谁在玩优乐彩| www.95996.com-体彩专管员压力| www.662888.cc-彩33app-| www.635076.com-七彩国际影城君康| www.673155.com-体育彩票开走势图| www.wp.com-福彩3d领袖贴吧| www.4424.net-彩视app-| www.513782.com-合买彩票骗佣金| www.83654.com-河南彩票兑奖地点| www.571883.com-体彩都是假的吗| www.208262.com-福彩快3跨度玩法| www.282229.com-彩票为什么不是直播| www.368687.com-彩票开奖几点直播| www.284558.com-必赢彩票为什么没停| www.439133.com-香港特彩与你同行| www.206892.com-那个彩票平台最靠谱| www.316767.com-体彩标志图片大全| www.991034.com-彩神iii是什么| www.183545.com-彩票合法吗-| www.668.date-永利彩票服务器| www.448273.com-今日彩票字画谜| www.22713.cc-刘星彩-| www.953622.com-马来西亚的彩票| www.kc07.com-168彩票登陆| www.y08.com-大发8彩票-| www.609860.com-想买彩票怎么买| www.670325.com-大乐透彩票新规则| www.730302.com-九号彩票靠谱吗| www.788692.com-古建彩绘图片大全集| www.849060.com-时时彩怎样杀一码| www.899613.com-c81彩票下载安装| www.954172.com-七星彩开奖预测| www.992885.com-彩票怎么买才赚钱| www.af91.com-福彩3d昨天什么号| www.np85.com-异地买彩票中奖| www.cc84.com-下载精彩十分走势图| www.686458.com-中彩那天课文人教版| www.tg93.com-中福快三合法吗| www.29yx.com-福利彩票点几点关门| www.718.cm-搭建彩票网站| www.6463.cc-豪彩娱乐登录地址一| www.434577.com-体彩金孔雀中奖率| www.959127.com-掌上彩票竞彩加奖| www.199419.com-彩迷张专家专栏| www.356968.com-彩铅手绘图片美食| www.545593.com-怎么推广彩票| www.723008.com-中国彩票坑人| www.837917.com-唯博彩票官方平台| www.cp3977.com-快三奖金-| www.48yn.com-七彩杯成绩查询| www.7120.vip-博创彩票是不是骗局| www.69nx.com-新未来彩票-| www.187988.com-时时彩组三规律口诀| www.91tn.com-彩票代打兼职哪里有| www.93ng.com-公司要求平分彩票1| www.64iu.com-乐博彩票合法吗| www.47on.com-手机购彩票下载安装| www.8438.cm-开发彩票系统犯法吗| www.110609.com-九万彩票下载| www.587561.com-快三如何规划本金| www.806043.com-买彩票可以发财吗| www.872417.com-遵义市体彩申办点| www.853495.com-海南私彩几点开奖| www.206389.com-黑彩一分快三破解器| www.385930.com-166彩票-| www.805627.com-分分彩输了怎么办| www.950896.com-大乐透彩民乐图| www.665219.com-七星彩春节开奖日期| www.483082.com-jc金彩网app| www.fm48.com-贵州体育彩票中奖| www.137117.com-七彩杯官网-| www.108627.com-七星彩开奖记录列表| www.37ty.com-竞彩多串中奖计算器| www.530658.com-360够彩-| www.s55.com-彩吧今天试机号| www.77368.com-手机上买彩票违法吗| www.356301.com-玩彩票wancai|