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天

知道了
彩01彩票 www.kn22.com-8k彩票破解-| www.bb12.com-网彩合法吗-| www.z56.net-明彩堂-| www.878.in-重庆时时彩止损技巧| www.0800.top-彩票站买足彩| www.11446.com-好彩烟图片-| www.042114.com-体彩店竞彩提成| www.179488.com-5分快三群骗局揭秘| www.274331.com-腾讯时时彩怎么投注| www.358451.com-彩宝网8200cn| www.476800.com-蚂蚁彩票-| www.637970.com-体彩和竞彩-| www.726532.com-菊花彩铅画图片大全| www.806803.com-好彩1现场开奖结果| www.892076.com-老彩民投注平台网站| www.959746.com-多盈彩手机版下载| www.cai1244.com江苏快三网站| www.xa30.com-河南快三万能三码走| www.70ol.com-安徽省体彩11先五| www.1290.wang-时时彩免费试玩| www.7385.cc-足彩开獎-| www.25627.cc-哪个彩票可以容错| 亚投彩票www.ya313.com| www.sk42.com-重庆福彩中心电话| www.wu08.com-微彩吧官网-| www.28xf.com-搜狐足球彩票推荐| www.291.cm-海南七星彩今天开奖| www.5709.cn-假三彩翡翠-| www.213271.com-彩软件-| www.348880.com-新浪七星彩专家预测| www.847079.com-竞彩盈亏公式| www.974673.com-中华彩票苹果版本| www.br23.com-魔方彩票app| www.g54.pw-排三试机号彩宝| www.80id.com-网上说的彩票能信吗| www.2141.cc-体彩开店利润怎么样| www.7575.in-宏盛彩票分析软件| www.21939.cc-中国人福利彩票网| www.355777.com-数学家买彩票厉害吗| www.479235.com-足彩比分最高奖金| www.562623.com-七星够力彩奖表| www.318641.com-外国人跳快三| www.418009.com-南昌龙彩科技| www.970749.com-买彩票中奖的技巧| www.ek67.com-爱彩乐平台是真的吗| www.14yf.com-男友为了彩礼分手| www.2560.me-彩票真实灵异故事| www.03495.com-台湾彩券大乐透| www.54627.com-免費彩金申請| www.163094.com-好彩1技巧方法| www.298686.com-日本彩票开奖查询| www.365925.cc-国产水溶彩铅品牌| www.486876.com-足彩18013实单| www.580927.com-新浪彩票走试图| www.660526.com-快三大小助手| www.758555.com-99彩票是骗局吗| www.874438.com-武汉省福彩中心地址| www.964672.com-足球彩票新浪网| www.ht25.com-江苏体育彩票七位数| www.j77.xyz-深圳福彩中心地址| www.35sb.com-彩票0346下载| www.521.org-保定体彩返点| www.5533.live-万彩吧彩票双色预测| www.18814.com-265彩票客户端| www.68155.cc-新彩3d彩票-| www.254031.com-时时彩反倍投技巧| www.488110.com-彩神卷纸uv机| www.694568.com-足彩任九论坛| www.856557.com-关于福利彩票的文章| 网易彩票www.076wy.com| www.yd95.com-彩友会app-| www.96mw.com-声临其境彩排| www.8339.biz-海南七星彩图| www.68153.com-新彩吧图库大全| www.136234.com-梦想彩票登陆网址| www.129003.com-广东福彩双色球规则| www.523362.com-体彩大乐透43期| www.056506.com-合肥开彩票店| www.238299.com-发彩网网站多少| www.cp36.com-怎样看懂快三走势图| www.dt68.cc-神彩福牛app| www.962923.com-今日福彩丹东全图迷| www.86332.com-68彩票黑平台| www.191620.com-福彩3d和值表图| www.920857.com-优乐彩票网-| www.pj02.cc-下载五百万彩票| www.55267.cc-时时彩最快开奖器| www.037120.com-金博彩票封了| www.211266.com-中国快三计划软件| www.334239.com-彩票提现-| www.467214.com-七乐彩几点-| www.635228.com-银川七彩艺校收费| www.078016.com-天马彩票是不是骗局| www.266179.com-河北体彩3d走势图| www.366263.com-儿童彩笔套装| www.768.date-竞彩足球七串一玩法| www.13112.cc-最新奥盘足彩| www.346076.com-广西手机福彩客户端| www.161910.com-快三大小单双微信群| www.590307.com-福彩三d字谜| 幸运彩票www.768299.com| www.pr77.com-湖南的福利彩票| www.799330.com-福彩一体机购买| www.945625.com-金利彩票平台大吗| 众乐彩票www.235944.com| www.pi77.com-辽宁快三开奖号码| www.yz59.com-五福彩票正规吗| www.l48.net-中国福利彩票趋势图| www.069016.com-彩神争霸2-| www.805668.com-买彩票是什么行业| www.769400.com-江苏彩票快三好彩| www.6954.shop-竞彩收米-| www.360574.com-快三一天几期| www.625338.com-乐彩北京快乐8| www.826139.com-两元彩票图片| www.767742.com-拼搏在线彩票| www.188165.cc-安徽快三入门| www.594010.com-唯彩会看3d-| www.89540.com-快乐彩票被封了| www.302246.com-七星彩走势新浪爱彩| www.wr01.com-福彩手机购彩软件| www.zt80.com-彩虹4无人机单价| www.159868.com-彩猫下载-| www.505156.com-彩金给不给换| www.644501.com-华亿彩票网站是多少| www.268077.com-体彩北京11选五| www.846073.com-江苏快三会赢吗| www.107339.com-500彩票开挂软件| www.198910.com-体彩排列五走势图| www.1667.net-南方双彩3d-| www.6503.org-斗牛娱乐彩票游戏| www.4568.net-网络彩票源码| www.152711.com-极速彩票网址| www.007999.com-七乐彩查询中奖结果| www.72gw.com-下载广西快三| www.61361.cc-网络买彩名单| www.019548.com-山西体彩中奖| www.361348.com-hk百彩网天空彩网| www.611539.com-登封体育彩票投注站| www.387933.com-天天爱彩票网站| www.815968.com-快三怎么买大小| www.975947.com-林州彩礼一般多少钱| www.42626.com-秒彩苹果下载| www.173051.com-极速快三开奖网站| www.533844.com-体彩金7乐中奖规则| www.yl6.cc-体彩输的倾家荡产| www.85ou.com-中国福彩刮刮乐兑奖| www.718692.com-彩虹七种颜色的图片| 福彩www.86267f.com| www.896732.com-368彩票自动投注| www.995529.com-竞彩之家授权| www.kt41.com-彩票赚钱s-| www.586857.com-足球彩票怎么算钱| www.657741.com-体彩排三双胆神算| www.27dv.com-郑州彩票店生意转让| www.4818.cc-中国足球竞彩比分直| www.52295.cc-彩票网站的搭建| www.776172.com-好盈彩票-| www.84te.com-彩票代理如何赚钱| www.091324.com-重庆时时彩开奖生肖| www.34tt.cc-海南私彩天涯论坛| www.3142.vip-台州体彩中心电话| www.598872.com-网络彩票源码| www.69840.com-宁夏快三推荐|