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.658924.com-大福彩票是不是骗局| www.875566.com-福彩开奖调整| www.972886.com-彩虹哥客服-| www.0230.biz-聚鑫彩票-| www.080664.com-色彩斑斓-| www.211696.com-湖北快三必出号码| www.401853.com-福利彩app可靠吗| www.199400.com-快乐彩胆拖价格表| www.297080.com-改单时时彩平台出租| www.870825.com-下载福彩3d幸运码| www.150201.com-大彩彩票下载| www.803517.com-湖北快三快速查表| www.881314.com-福彩3d千禧图谜| www.968503.com-足彩庄家操盘全揭秘| www.cai1313.com快三投注平台合法吗| www.mi42.com-时时彩过年停售吗| www.12pr.com-江苏体彩三位数| www.94hw.com-中i国彩吧-| www.443299.com-福彩3d大花猫彩报| www.96598.com-江苏快三会赢吗| www.u56.net-新彩吧3d-| www.365828.cc-中国福彩网售点| www.638817.com-顶级彩票注册| www.733577.com-福彩宝充值会员骗局| www.815033.com-彩票玩法技巧绝招| www.884820.com-亿彩堂app下载| www.952661.com-必赢彩网-| 彩掌柜www.czg1.com| www.82hn.com-7103彩票-| www.2078.cm-今晚足球竞彩网| www.19544.com-彩票都没中奖| www.625385.com-98198彩票网彩| www.730305.com-彩尊安卓版下载| www.833286.com-七星彩论坛南海网| www.930191.com-网上买的福彩快三| 非凡彩票www.77210c.com| www.959.hk-七乐彩模拟-| www.6832.cm-彩票1000万到手| www.500960.com-一寸彩色多大| www.0957.vip-三星彩票有诈吗| www.676033.com-福彩3b一句定三码| www.086577.com-七乐彩中奖奖金查询| www.167177.com-快三是什么意思啊| www.871101.com-江苏快3彩票骗局| www.951639.com-中原福彩-| E彩堂www.9818t.cc| www.73878.cc-福彩双色球几点停售| www.19288.com-福彩3d天罡图| www.885804.com-福彩3d彩神关注号| 风之彩www.68312.com| www.524619.com-什么叫做圣地彩| www.26625.cc-体彩七星彩开奖视频| www.048368.com-安徽快三专家荐号码| www.034519.com-快三代理利润多少| www.886972.com-男网友叫我买彩票| www.594904.com-七星彩票解梦| www.708577.com-潜龙神彩-| www.553372.com-彩票计划员招聘信息| www.660924.com-腾讯分分彩做号技巧| www.19yp.com-体彩排列3彩票| www.502139.com-怎么买中国足球彩票| www.572025.com-江苏快三投注app| www.222347.com-快三人工计划手机版| www.170711.com-甘肃福彩快3走势图| www.028397.com-博彩王官方下载| www.113966.com-彩涂钢板卷-| www.648003.com-靠谱的手机购彩| www.759152.com-满堂彩彩票注册| www.846012.com-博纳彩票是骗子吗| www.947125.com-高频彩是骗局吗| 网易彩票www.082wy.com| www.265791.com-福彩代理-| www.639.cc-福利彩票3d天气网| www.56308.com-石家庄福彩助学| www.660243.com-金彩网大发快三| www.762106.com-篮彩推荐app| www.838766.com-竞彩足球有几个玩法| www.917497.com-私彩网站靠什么赚钱| www.984857.com-乐透彩票概率计算| www.aq97.com-贵州体彩网点| www.tv03.com-快三预测软件苹果版| www.1243.me-贵州福彩站-| www.501869.com-体彩排列三和值字谜| www.685456.com-下载彩票中奖软件| www.794779.com-买足彩和赌博的区别| www.882420.com-易彩堂平台是真的吗| www.yu07.com-天福彩20选8| www.3145.vip-57彩票网站手机版| www.749234.com-超神快三全能版| www.698141.com-长春福彩报纸| www.413197.com-彩票平台是真是假| www.978271.com-152彩票外挂| www.685485.com-双彩球开结果| www.766553.com-幸运彩一河南福彩网| www.848968.com-38彩票领导者| www.ua3.cc-时时彩游戏机| www.960195.com-高德彩票是什么| www.790507.com-彩票生肖选号器| www.85vh.com-彩66平台-| www.4294.top-彩票被冒领-| www.04321.cc-微信里的彩票靠谱吗| www.970267.com-福彩排列三开奖规则| 大赢家彩票www.349311.com| www.ge79.com-一分钟快三投注平台| www.vz12.com-合肥快三跨度表| www.06af.com-水彩颜料哪个牌子好| www.73yb.com-3d彩报布衣图大全| www.1757.win-709彩票下载安装| www.7358.xyz-菲律宾1.5分彩| www.22283.com-时时彩6码方法如下| www.62120.com-快乐彩票平台黑钱| www.004785.com-排三遗漏分析中彩网| www.8870.biz-福彩快乐12查询| www.vc23.com-易彩注册-| www.640.com-福彩3d组3技巧| www.010378.com-分分彩玩法介绍| www.569297.com-彩民乐数图-| www.68837.com-盈彩汇彩票是真的吗| www.019888.cc-福利彩票时时彩结果| www.082244.com-快三哪个平台正规的| www.118880.cc-uu悠悠彩票-| www.181703.com-快三和值推算技巧| www.308508.com-万彩吧万彩吧| www.443369.com-今晚彩票3d图纸| www.586918.com-南方双彩最新下载| www.022713.com-重庆彩票-| www.764813.com-彩58-| www.454183.com-app下载乐彩站| www.622288.com-河北快三漏选号| www.587923.com-体彩十一运夺金查询| www.929678.com-86人工彩票计划网| www.rl21.com-深圳福彩22选1| www.736330.com-彩吧网3d图迷总汇| www.803531.com-时时彩博-| www.771921.com-汇盛国际时时彩| www.678163.com-福彩3地胆码| www.755937.com-4567彩票app| www.841337.com-福彩怎样处理数据| www.907170.com-彩票7位数中5位| www.958802.com-今晚体彩的开奖号码| 易彩网www.12455h.com| www.cm32.com-福彩选4-| www.252972.com-好彩妹钟嘉欣| www.518252.com-彩票代理怎么盈利| www.578434.com-佛山市体育彩票| www.659684.com-台湾六福彩总站直播| www.727333.com-金手指3d彩票预测| www.129945.com-特区彩栗论坛精选| 福利彩票www.99677m.com| www.941201.com-阿里淘彩彩票娱乐| www.935072.com-天天赢彩票正规吗| www.052337.com-老彩票网站平台| www.179068.com-微信群里玩快三幕后| www.6873.org-博彩软件对刷| www.699802.com-玩彩票输钱了怎么办| www.531213.com-彩铅手绘教程入门| www.999712.com-95彩票平台-| www.795783.com-卖什么彩票中奖率高| www.919308.com-时时彩平台app| www.yp26.com-广东生肖彩票| www.132576.com-彩票哪个app靠谱| www.640435.com-500万彩票图片| www.0gg.cc-乐福彩票是什么| www.585.in-十分彩破解-|