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.983878.com-苏州快三线路| www.66217.com-时时彩大小单双回血| www.5225.site-海南开心七星彩论坛| www.133679.com-彩票123分分彩| www.333.cn-魔方快三-| www.062744.com-中园体彩网-| www.197686.com-彩票屠龙应该怎么做| www.593000.com-体彩大乐透有算法吗| www.364422.com-世界杯足球彩会| www.137407.com-五分彩算胆公式| www.473488.com-吴江福利彩票中心| www.633355.com-篮球竞彩2串一| www.822796.com-七星彩画规律软件| www.910983.com-福彩玩彩老头预测| www.cai8188.com快三走势图今天吉林| www.028185.com-网上跟投彩票| www.199673.com-福建快三走势图和值| www.323761.com-最新七乐彩中奖情况| www.447931.com-体彩刮刮大7彩票| www.st80.com-腾讯时时彩刷大底| www.xu51.com-买足彩的app| www.188268.com-安徽福彩快三预测| www.280448.com-彩乐乐网站安全吗| www.477409.com-彩铅画花朵图片简单| www.592639.cc-够力七星彩查梦册| www.699155.com-6288彩票官网| www.840200.com-卡姿兰彩妆代理商| www.927607.com-高频彩票害人视频| www.cp440.com-福利彩快三下载平台| 快彩在线www.2632k.com| www.8003.com-什么是十字彩赌博| www.9946.loan-西安彩礼一般多少钱| www.04.com-地方彩票走势图大全| www.122263.com-福彩真的能中大奖吗| www.262687.com-长春体彩中奖率| www.934303.com-彩票预测专家| www.f05.cn-七乐彩在线随机选号| www.048.online-发行彩票收藏价值| www.9490.loan-体彩2串1什么意思| www.76556.cc-买彩票中奖的故事| www.741724.com-南京快三走势图| www.851511.com-淘宝上怎样买彩票| www.921286.com-49彩9cb.cc-| www.983664.com-好运彩-| www.bf6.com-中原彩票大厅app| www.1802.org-黑客修改私彩数据库| www.pp44.com-17500乐彩-| www.mo72.com-彩票送38元-| www.681019.com-台湾彩券-| www.796428.com-18149胜负彩| www.901418.com-福彩3d专家予测| www.970245.com-福彩双色球开奖信息| www.cp5332.com-安徽快三爱彩乐| www.22734.com-辽宁体彩电话投注| www.678424.com-足彩胜负彩历史开奖| www.7344.xyz-竞彩公益金-| www.41436.com-时时中彩票合法吗| www.324424.com-七乐彩杀号大全| www.102769.com-丰彩彩票图片| www.fm99.com-5oo彩票网比分| www.26hl.com-澳门彩票中心| www.932275.com-恒博彩票官网| www.993606.com-足彩开奖时间是几点| www.1wj.cc-福彩快乐分玩法规则| www.68ry.com-全球主要博彩公司| www.675867.com-大彩网空心菜博客| www.752119.com-中彩社区-| www.4089.vip-彩票中奖怎么花| www.40786.com-彩票辅助系统| www.021539.com-小店宝彩票正规吗| www.628287.com-滁州市七彩世界诈骗| www.90100.com-七彩视界ios| www.541004.com-金多彩84384| www.738698.com-体彩有没有假| www.836918.com-上海快三彩经网| www.932307.com-快三破解器软件下载| www.994050.com-怎么买篮球体彩| www.bb98.cc-快三360-| www.tq09.com-福彩快三交流群| www.82iw.com-俄罗斯彩票大奖| www.2399.in-竟彩足球过关计算器| www.769109.com-快三是不是合法的| www.857023.com-快三倍投方案图片| www.942929.com-广西快乐双彩结果| www.989713.com-u9彩票是骗局吗| www.uq4.com-彩票预测软件哪个好| www.pd08.com-拉人玩彩票的套路| www.568073.com-买体彩输了十四万| www.97if.com-人生没有彩排说说| www.60554.com-51彩虹登-| www.880192.com-福彩家彩网专家杀码| www.966502.com-宝马集团彩票注册| www.cp0390.com-快三免费破解器开挂| www.yy98.com-福彩十选五玩法| www.54bg.com-菜6菜彩票-| www.45255.cc-99彩票是骗局吗| www.np10.com-彩票幸运选号| www.496401.com-沁县李彩英在武乡| www.t03.com-何明预测七乐彩| 500彩票www.3126a.com| www.305378.com-七乐彩35期-| www.838621.com-北京福彩销售店电话| www.34089.com-中国彩吧一彩吧论谈| www.158658.com-博友彩软件首页| www.467605.com-几点后不能买彩票| www.3473.vip-我要中国彩吧| www.720268.com-飞马彩票团队群| www.851926.com-竞彩官网推单| www.929942.com-河南竞彩快三查询| www.992596.com-快乐彩任选五玩法| www.bo90.com-彩店宝app-| www.y51.net-福彩三d太湖钓手| www.63711.com-唯彩彩票投注| www.343341.com-必中彩票首页| www.418101.com-彩虹6号围攻吧| www.511901.com-彩铅画超真实| www.81769.com-搜狗快三-| www.210225.com-冲1快送彩金| www.309011.com-微信群买彩票合法吗| www.947459.com-中国彩票彩吧| www.179519.com-腾讯快三-| www.287983.com-能合买的彩票app| www.458713.com-南方福彩选众彩网| www.584700.com-手机上有哪几种彩票| www.676799.com-彩票论坛杀号高手| www.jj48.com-河南省快三玩法说明| www.575337.com-体彩彩票大奖图片| www.38sa.com-现在好多网上买彩票| www.815844.com-5268彩票-| www.531359.com-彩铅画人物教程图片| www.850734.com-买彩票什么时候截止| 500万彩票www.39500m.com| www.271711.com-丰彩1元有中奖的吗| www.387903.com-捷豹67彩-| www.530502.com-时时彩怎么买| www.984340.com-福彩快乐十分计巧| www.3231.site-维彩看球预测| www.9162.xyz-我需要乐彩网| www.39269.cc-排列三字谜双彩论坛| www.44628.com-01团队购彩计划| www.537200.com-奖金最多的彩票种类| www.628213.com-福建体彩直播室| www.697317.com-彩票开市时间| www.776231.com-带赢彩票-| www.848658.com-头奖彩票网址| www.917586.com-必赢彩票客户端| www.973340.com-彩虹歌词张惠妹| 网易彩票www.599494.com| www.520386.com-体彩预测app| www.604044.com-全民8彩票是什么| www.659274.com-辽宁省福彩快乐12| www.101993.com-彩票能中吗-| www.201528.com-鸿运彩票是黑平台吗| www.281138.com-时时彩后二经验| www.336067.com-有正规的福彩快三吗| www.389437.com-昆山福利彩票店转让| www.26xh.com-领彩票需要身份证吗| www.87rp.com-现在淘宝没有彩票| www.4054.com-众彩网八宝饭| www.57874.com-牛彩3d字迷-| www.30825.com-七意彩app-| www.548696.com-足彩足球比赛| www.782667.com-卓易彩票怎么停了呢| www.66110.cc-福彩3d的选号技巧|