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.371720.com-大发快三计算技巧| www.152783.com-彩票开奖11选5| www.246236.com-足彩新浪竞技风暴| www.774235.com-七星彩历史开奖对比| www.386679.com-亚洲杯足彩竞猜| www.500967.com-易彩是真的还是假的| www.998214.com-北京福彩咨询在哪里| www.cl12.com-浙江快三查询结果| www.xj51.com-彩票计划9cb下载| www.235105.com-湖南体彩网网| www.358974.com-8月17日七星彩| www.467699.com-体育彩票下期奖金| www.fp04.com-被168彩票网骗了| www.891204.com-彩票历史号码对比器| www.83cf.com-彩印产品-| www.687821.com-福彩扫一扫app| www.813505.com-彩票宁夏-| www.912353.com-私彩与官方彩票| www.997865.cc-排三个位乐彩网走势| www.es29.com-手机中彩网开奖结果| www.49ol.com-网上c9彩票app| www.1946.net-3d胆码彩家网| www.820118.com-七星彩梦册查码全册| www.5265.xyz-南国彩票七星彩早版| www.994567.cc-重庆时时彩实时开奖| www.ei83.com-体彩快乐十分钟软件| www.yp08.com-香港12生肖彩票| www.59lc.com-百宝彩视电话| www.20281.com-今日体彩足球竞彩| www.212333.com-体彩屋大发快3| www.02473.com-正规官方彩票购彩| www.68980.com-界青金彩海晏| www.3588.org-金沙377彩金| www.779543.com-体彩七星开奖公告| www.750527.com-利民彩票app| www.852206.com-福建体彩十一选5| www.51875.cc-福彩3d和值振幅表| www.097220.com-奥门基金六福彩| www.040120.com-博彩有什么推广方法| www.5855.bid-中奖彩票掉了| www.jm03.com-28彩票全程骗局| www.658535.com-彩视最长时间| www.777215.com-河北体彩网彩| www.08lz.com-彩铅人物古风图片| www.247282.com-上海市福彩中心官网| www.196199.com-爱彩乐上海快三开奖| www.299826.com-彩票贷款-| www.377022.com-排列五试机号彩宝网| www.498159.com-帝王彩票骗-| www.570295.com-嘉定2500万彩票| www.636334.com-彩虹娱乐棋牌| www.710758.com-七乐彩杀号码| www.778484.com-苏快三是什么彩票| www.848117.com-庆阳天价彩礼| www.914433.com-天下彩票绝密网| www.979127.com-旋子彩画分布图| www.cp5667.com-街机游戏快三| www.ol51.com-海南体彩官网下载| www.940612.com-吉林快三最新开奖| www.nq98.com-时时彩做号专用工具| www.901166.com-2o19彩票知识| www.473049.com-精英网彩票-| www.kl08.com-足彩竞猜新浪| www.963974.com-彩票双色球分析软件| www.859202.com-七星彩明月珰乐文| www.jm9.com-江苏福彩官网首页| www.23qk.com-彩票是随机还是人为| www.9252.cc-分分彩四星做号| www.919529.com-时时彩搭建出租| www.473178.com-彩乐园官网下载安装| www.366418.com-彩铅纸品牌-| www.ci62.com-安徽福彩官网看快3| www.922325.com-约彩安全吗-| www.984141.com-彩8彩票邀请码| www.cu64.com-手机博彩软件| www.87353.com-苏宁彩票靠谱吗| www.81oc.com-竞彩巨奖-| www.yt98.com-山东体彩兑奖地址| www.859948.com-5050彩票app| www.950522.com-彩票开奖查询七位数| www.a27.biz-新浪竞技风暴彩票网| www.rv41.com-博牛彩票怎么样| www.254055.com-香港足球彩票app| www.181603.com-快三怎么赔-| www.ew27.com-休育彩票-| www.657648.com-5亿彩是假的吗| www.746381.com-冀彩宝快三-| 天下彩www.843980.com| www.08920.com-九州彩票正规| www.115408.com-彩色水磨石地面报价| 大玩家彩票www.717224.com| www.136041.com-彩票单双大小玩法| www.3754.vip-七星彩精准头尾王| www.071757.com-类似浩博彩票平台| www.950963.com-彩运快三-| www.55162.cc-哪个网站送彩金| www.311839.com-3d彩报库吧-| www.638679.com-上海沪南路体育彩票| www.761816.com-金管家彩票-| www.903382.com-上海快三和值跨度表| www.f77.club-去马来西亚做博彩| www.213092.com-江苏快三下载| www.912203.com-买黑彩票的人犯法吗| www.92ak.com-微信分分彩开奖记录| www.722759.com-中国彩票骗局的案例| www.864759.com-234彩票官网下载| www.953151.com-78彩票官网-| www.sn9.com-广西快三规律破解| www.b85.cc-快三时时彩多少钱| www.83jv.com-微发彩票-| www.826888.com-六今彩98期-| www.605608.com-福彩一个礼拜开几次| www.878635.cc-中国双色球彩票玩法| www.839116.com-七乐彩专业版走势图| www.873363.com-大乐透彩票方法| www.526271.com-上海福彩手机客户端| www.615708.com-体彩七位数网上投注| www.698713.com-简单彩铅风景画视频| www.787776.com-财经网时时彩走势图| www.882199.com-90在线彩票-| www.069680.com-3d福彩跨度和制图| www.118473.com-彩票江苏七位数| www.884023.com-双阳彩票站快三黑彩| www.981715.com-亚洲彩票平台排名| www.nh37.com-彩票大赢家客户端| www.436999.com-实体店彩票的出路| www.552081.com-彩票20分钟-| www.635215.com-国外的彩宝品牌| www.709217.com-网上买彩票诈骗| www.837097.com-买竞彩就是赌博| www.989860.com-福彩天天中彩吧| www.iz76.com-体彩网足球即时比分| www.783638.com-什么是非法彩票| www.809795.com-955娱乐彩票网址| www.028369.com-信博彩票怎么登录| www.461133.com-彩票源码是什么意思| www.666527.com-九州彩票提现不到账| www.727083.com-彩票注册即送27元| www.786538.com-彩票走势图表格家用| www.850591.com-今天3d彩民乐钱途| www.918730.com-u9彩票苹果app| www.966622.com-腾讯五分彩是真的吗| 福彩www.86267j.com| www.108120.com-破解国外彩票程序| www.191695.com-809彩票-| www.771366.com-福彩刮刮乐技巧规律| www.868857.com-七星彩精准计划软件| www.952574.com-福彩短信投注双色球| 大赢家彩票www.560161.com| www.pa55.com-国家禁止高频彩票| www.824348.com-彩票预测下期号码| www.898314.com-3d真山西彩民乐| www.963699.com-客彩网彩票官网| 大赢家彩票平台www.721662.com| www.or33.com-今日彩票开奖公告| www.730382.com-安徽彩票自助投注| www.355935.com-体育彩票视频| www.2666.com-久久彩票合法吗| www.907128.com-四川成都快三查询| www.288886.com-彩票名词花色| www.383001.com-彩票中大奖被冒领| www.595530.com-体育彩票cba| www.822001.com-彩票容错方法| www.357044.com-排列三彩民预定|