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.321910.com-彩票预测软件靠谱吗| www.816791.com-欧美中奖彩票图| www.954516.com-奔驰团队分分彩| www.cai4622.com1分快三今日走势图| www.76yq.com-成语猜动物彩票| www.881376.com-篮彩推荐分析| www.875673.com-福彩排列五中奖结果| www.975141.com-彩票查询七星彩今日| www.gm9.com-幸运快三稳赢计划| www.qa32.com-福彩快三表格| www.66wg.cc-杏耀一分彩票| www.1424.cn-星濠彩票游戏城| www.444653.com-金立方彩票插件| www.031381.com-天天爱彩票是否真实| www.719273.com-彩票刷流水怎么刷| www.172567.com-合肥快三彩票走势图| www.306072.com-苏州福彩快三| www.491004.com-444彩票网-| www.653281.com-福彩8炫彩奖金| www.744309.com-凤翔彩票下载| www.229665.com-老梁揭秘彩票| www.373692.com-好彩香港免税店香烟| www.g81.club-万彩吧c8cn6合| www.8880.vip-足彩8串一奖金最高| www.966813.com-体彩合值走势图| www.72987.com-彩票中奖可以代领取| www.130230.com-查福彩3d开奖号码| www.252923.com-老时时彩开奖号| www.883650.com-手机彩票站官方网站| 福利彩票www.8039m.com| www.tt95.cc-万豪福彩苹果版下载| www.42181.com-彩票12安全吗| www.234149.com-铜陵体彩兑奖地址| www.456255.com-官员上班翘腿看彩票| www.121473.com-去哪找彩民群| www.uq57.com-快乐12爱彩乐| www.23iy.com-ok彩票真能赚钱吗| www.832.website中国福利彩票直播间| www.fc86.cc-买彩票输了感悟| www.311797.com-网络彩票销售技巧| www.579845.com-朱雀彩票-| www.083326.com-最准预测彩票号方法| www.338694.com-大发快三杀号定胆| www.521855.com-和彩印怎么设置图片| www.028646.com-福彩3d彩彩报| www.hk98.com-彩票软件有挂吗| www.951479.com-澳客彩票网软件下载| www.dl82.com-查一下体彩开奖号码| www.09jq.com-幸运快三稳定版计划| www.35642.com-竞彩地图-| www.107292.com-彩票店如何刷销量| www.526269.com-vr时时彩计划| www.52884.com-好彩4宝珠-| www.yt29.com-吉林市彩票管理中心| www.63sy.com-买彩票的神人| www.113431.com-手机怎样买彩票| www.494242.com-竞彩足球推荐专家| www.658036.com-微信群买彩票赚钱| www.d12.org-8828彩票网址| www.1680.in-安徽快三和值图表| www.101446.com-最新足彩十四场分析| www.180799.com-购彩app排行| www.253108.com-山东好彩快三查询| www.913088.com-北京体彩竞彩店转让| www.982147.com-双色球彩妹独栏唯彩| www.bg28.com-5分时时彩开奖结果| www.015627.com-破译彩票所用公式| www.22be.com-竞彩容错表-| www.0563.win-体彩大老人预测| www.774042.com-香港博彩堂-| www.878384.com-体彩快3规则| www.974783.com-双色球一等奖彩民| www.mp02.com-体彩是有几位数组成| www.121314.cc-体彩大乐透选号器| www.3513.bid-彩娃app苹果| www.10450.com-福彩三d千禧试机号| www.32259.com-彩色透水混凝土厂| www.11sf.cc-好彩0567.平台| www.100082.cc-倍喜彩票平台| www.384267.com-qq购彩-| www.cp5.tv-上海快三一定牛预测| www.520509.com-中国互联网彩票| www.838325.com-彩钢瓦屋顶防水| www.919863.com-彩票高手完整视频| www.973406.com-彩虹哥收号-| www.cai8886.com广西快三预测| www.nd98.com-贵州快三二不同推荐| www.001468.com-浙江省快乐彩玩法| www.257234.com-500彩票开挂| www.206892.com-那个彩票平台最靠谱| www.291113.com-福彩3d3天计划| www.20354.com-快三线上娱乐| www.51136.cc-盈盈彩票网址是多少| www.930250.com-竞彩去哪兑奖| www.991208.com-快三安徽走势图| www.ax32.com-体育彩票大乐透奖池| www.tk29.com-福彩勇士争先| www.ts88.cc-九购十分彩正规吗| www.i94.cn-精英彩票网站| www.187448.com-查看时时彩开奖号| www.355949.com-彩易博高手数据统计| www.452626.com-熊猫竞彩用不了| www.3030.tv-5050彩票太假了| www.045877.com-彩51官网下载| www.9pk.com-微博彩票找不到了| www.67pb.com-七星彩华南地区论坛| www.610263.com-福彩几点停售| www.260939.com-北京快三三同号遗漏| www.2166.site-澳门永利彩票的真假| www.270043.com-手机连中彩票| www.ad04.com-新浪彩票双色球预测| www.662813.com-马来西亚3d彩票| www.982183.com-福彩3d新彩吧网站| www.gh27.com-正规快三彩票| www.820198.com-天价彩礼是卖女儿| www.888465.com-看七乐彩中奖号码| www.951499.com-新浪体育彩票胜负彩| www.84738.com-广西淘宝快三| www.251070.com-彩票注册邀请码| www.488477.com-上海双色球快三| www.608221.com-上市彩票网站| www.79936.cc-大连体育彩票微信群| www.333248.com-广东快三官网| www.424150.com-三国星彩2p-| www.526944.com-秒秒彩怎样才能赢钱| www.589063.com-彩客足球网-| www.871719.com-海南七彩开奖时间| www.931803.com-世界杯彩票投注分析| www.jl90.com-彩票网站诈骗手段| www.716859.com-彩铅梦幻鹿-| www.813316.com-重庆时时彩彩票投注| www.896007.com-福彩3推荐号码| www.982243.com-一期彩票人工计划| www.gr24.com-新彩吧字谜-| www.03he.com-风之彩app彩票| www.92725.cc-时时彩数字规律概率| www.970854.com-花田男彩票托| www.xw72.com-彩6软件-| www.973577.com-彩吧助手下载| www.4126.biz-小白彩票手机版官网| www.04ve.com-中国体彩手机在线| www.37518.com-手机购彩网-| www.92697.com-怎么找竞彩客户端| www.995914.com-新浪彩通公司| www.dn45.com-竞彩足球胜平负计算| www.uq32.com-下载彩票双色球| www.67.me-官方快三开奖时间| www.729817.com-彩票中奖哪里领奖| www.631675.com-七彩格子怎么挣钱| www.817335.com-8号彩票分析软件| www.821722.com-今日彩圣字谜总汇| www.960573.com-香港所有赌场送彩金| www.13ia.com-足球竞彩最新对阵| www.0359.pw-彩票短期规律| www.170520.com-江西快三形态走势图| www.691225.com-易彩国际客服| www.718308.com-中国体彩11选5| www.953476.com-足彩大小球规则| www.48313.com-贵阳彩色复印机租赁| www.237962.com-下栽宁夏快三走势图| www.1220.vip-体彩福彩黑幕曝光了| www.150292.com-彩票分析服务| www.131092.com-太康县结婚彩礼| www.39855.com-彩名堂apk-|