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.237545.com-佬牛胜负彩推荐| www.eu28.com-彩票助赢软件计划| www.265603.com-福彩3d技巧论坛| www.355602.com-足彩如何交税| www.0897.vip-中国福彩三d开奖| www.8990.vip-凤凰竞彩-| www.cw58.com-彩软科技计划| www.71yw.com-想卖海南私彩| www.4826.biz-博金彩票app下载| www.037.win-花画图片大全彩铅画| www.928929.com-中福彩票代理| www.680441.com-彩票领奖可以代领吗| www.844718.com-互娱彩票是合法的吗| www.959152.com-怎么用微信买彩票| 大赢家彩票平台www.799657.com| www.yh70.com-淘宝还可以买彩票吗| www.28jh.com-意彩平台app| www.980404.com-最近福利彩票店| www.65543.com-福彩三d论坛静态版| www.127053.com-用彩铅画的动漫少女| www.88244.com-彩票天天领红包| www.117428.com-广东体彩大乐透| www.32137.com-中国竞彩网电脑版| www.23tu.com-彩票图片编辑软件| www.964504.com-彩票幸运快3| www.396353.com-博友彩靠谱吗| www.561.me-56时时彩计划| www.644487.com-腾讯分分彩独胆| www.744838.com-234彩票ios-| www.825654.com-湖南福骰快三开奖| www.893234.com-彩名堂计划好用不| www.958042.com-3d彩票分几种| 名门彩www.33997b.com| www.ir98.com-彩票开奖快三开奖| www.c37.com-鳄鱼彩票杀号定胆| www.48zm.com-我赢彩票下载| www.293572.com-甘肃快三遗漏速查| www.394241.com-打开令天彩票| www.515140.com-七星彩三字定概率码| www.70770.cc-舟山福彩快二| www.98rp.com-足球彩计算器胜负| www.5749.com-彩票网站值得相信吗| www.45908.com-快速时时彩正规吗| www.6033.cc-昭通彩票中奖记录| www.77559.cc-竞彩足球的术语| www.80149.com-网易彩票官方网| www.578723.com-怎样经营福利彩票| www.672818.com-(瑞彩祥云)-| www.822365.com-乐合彩竞彩官网| www.911348.com-快三计划有没有助手| www.095172.com-福彩王素英-| www.55802.com-彩站宝收费吗| www.838916.com-竞彩足球与外围对冲| www.0731.link-宝盈彩专家-| www.8232.cn-彩票平台刷流水佣金| www.306709.com-有天津时时彩的平台| www.433292.com-彩票双色球走势图| www.541799.com-精彩网站-| www.622366.com-彩票刮刮卡印刷厂家| www.686127.com-彩5oo-| www.757569.com-福建体彩36+选7| www.829775.com-万彩彩票怎么下载| www.899639.cc-彩81彩票平台| www.965650.com-新加坡彩票-| 华人彩票www.454556.com| www.885600.com-利彩怎么玩-| www.979278.com-江苏体彩大乐透结果| www.ai23.com-七星彩技巧口诀| www.155566.com-凤凰彩票投注技巧| www.11ho.com-时时中彩票官方网| www.86qi.com-中网彩双色球走势图| www.3649.cn-七乐彩带坐标走势图| www.9902.cm-国家为什么控制竞彩| www.567.in-成都福彩蓉彩网注册| www.839660.com-体彩中央调查| www.914314.com-优信彩神-| www.978690.com-福彩3d2元走势图| www.fv3.cc-中国体育彩票快三| www.np23.com-体彩大乐透模拟摇奖| www.188541.com-爱彩乐大发快三技巧| www.m77.cn-彩票提现需要流水| www.447100.com-吉林彩票初几上班| www.608442.com-福彩三d八卦图| www.799078.com-多赢彩票线路导航| www.l12.xyz-彩票app代理平台| www.2du.com-九号彩票注册| www.986034.com-彩票站提成-| www.806632.com-好彩双爆珠蓝莓柠檬| www.898766.com-彩票长龙什么意思| www.977116.com-起诉离婚退彩礼案例| www.my83.com-吉林快三软件下载| www.709448.com-彩票代打工资车| www.671645.com-香港⑥和彩资料| www.134032.com-足球足彩网比分直播| www.564416.com-彩吧3d字谜打印版| www.675638.com-福彩3a字谜解太湖| www.62599.cc-盛兴彩票v1登陆| www.vz59.com-人人中彩票所有版本| www.323620.com-七乐彩往期历史开奖| www.381911.com-潍坊体彩店转让| www.623187.com-3d福彩丹东图| www.700038.cc-时时彩全天连中计划| www.796671.com-玩乐彩-| www.907880.com-合肥开彩票店| www.979126.com-贵烟好彩多少钱一盒| www.bp57.com-彩经网彩票工具软件| www.zp51.com-足彩胜负彩对阵表| www.544757.com-3d彩易-| www.19wq.com-足球彩票运气| www.101537.com-彩票信誉好的台子| www.844494.com-中国彩票史-| www.405512.com-人工彩虹的物理原理| www.28603.com-佛法看待彩票| www.9498.loan-新浪竞技足彩排名| www.619265.com-500竞彩盘口网址| www.75eq.com-三十六技赢足彩| www.892191.com-足彩4串1中奖规则| www.961012.cc-3d彩综合走势图| 大赢家彩票平台www.810715.com| www.kl73.com-中国竞彩网双色| www.05ey.com-时时彩如何定单双| www.4542.cn-深圳彩票开发| www.048658.com-辽宁3d水果图彩吧| www.178998.cc-快三屠龙-| www.101824.com-北京五分彩官网开奖| www.91li.com-彩名堂选号技巧| www.2850.net-七星彩能全国兑奖| www.899938.com-申请福利彩票站点| www.ku34.com-凤凰彩票每天赚几百| www.8620.in-百宝彩电子网| www.877959.com-福彩机器快3视频| www.056883.com-数字型彩票中奖技巧| www.681907.com-苹果app购彩| www.003119.com-八k彩票安装| www.gz91.cc-北京快三最晚几点| www.n26.com-福利彩票曝光| www.40409.com-今晚开什么彩票号码| www.321198.com-彩票开奖公告奖| 聚福彩票www.50989i.com| www.15786.com-天津时时彩官方网址| www.63876.cc-退还彩礼的三个条件| www.9645.com-派奖的彩票-| www.47733.cc-快三网投app| www.321177.cc-透视彩票眼镜| www.331595.com-3d晚报乐彩网| www.394730.com-彩虹代刷app生成| www.td79.com-嬴彩天下免费大全| www.227044.com-彩客网杀号-| www.862624.com-七乐彩开奖查询今天| www.563504.com-明天可能中的彩票号| www.655438.com-重庆彩合法吗| www.749099.com-手机彩票去哪里买| www.852666.com-时时彩都有哪些漏洞| www.997809.com-福彩3d两码和差| www.ku96.com-江苏快福彩网| www.n11.wang-福彩陕西快乐十分| www.18181.com-福彩中心开机号胆码| 玩彩吧www.777337.com| www.58023.com-购彩网是真的| www.27011.cc-快三大小单双赌博| www.68464.com-趣彩网骗局揭秘提现| www.509366.com-东莞东方亮彩怎么样| www.219283.com-百度彩票-| www.227451.com-快三秒奶茶官网|