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天

知道了
亚洲28 www.65rs.com-体彩怎么买法大乐透| www.3977.cc-nba竞猜彩票| www.09398.com-广东体彩网走势图| www.60656.com-易旺彩票cp-| www.110180.com-七星彩机选号码5注| www.183870.com-快三复式中奖规则| www.261278.com-河南快三守号计划表| www.337222.com-银川千彩摸吧图片| www.419319.com-体彩小终端福建| www.523354.com-3号彩票旧版首页| www.661115.cc-盈盈彩骗局-| www.754996.com-天津彩票官方开奖| www.848414.com-结婚彩礼-| www.914990.com-大发优信彩票| www.977928.com-体育彩票加盟利润| www.as16.com-优游彩票平台下载| www.tj94.com-31c彩票-| www.06qd.com-快三14点-| www.79cp.com-天吉彩票网-| www.1849.me-五星彩票资料大全| www.06082.com-彩票代投是骗局揭秘| www.53717.cc-重庆市彩时彩开奖网| www.99172.com-时时彩模拟摇号器| www.066416.com-彩票走势模拟投注| www.134222.com-快三黑客软件下载| www.211443.com-天天彩选四历史开奖| www.288117.cc-六开彩开奖资料| www.448965.com-杭州福利彩票兑奖| www.541779.com-彩票比分-| www.635612.com-七彩阳光广播| www.720773.com-新2彩票论坛马会| www.796709.com-彩鸾艺印的博客| www.873722.com-江苏快三大发计划| www.967107.com-体彩兑奖有提成吗| 大赢家彩票平台www.609715.com| www.in76.com-齐鲁风采七乐彩单式| www.c35.club-江苏快三大小玩法| www.33ol.com-七星彩共有几个号码| www.0827.cc-足彩怎么去彩票店买| www.7363.xyz-网上能买3的彩票吗| www.23787.cc-现在微信能打彩票吗| www.67177.cc-阜阳市彩票兑奖中心| www.099736.com-彩票网上-| www.167038.com-三分快三免费计划| www.261171.com-京彩集团江苏快3| www.333583.com-买东西送彩票| www.411236.com-破重庆时时彩规律| www.515586.com-足彩跟单app| www.586506.com-彩金app下载| www.658850.com-财神彩票app官网| www.793389.com-彩票坊还能存活多久| www.870224.com-正规的快三app| www.949012.com-福彩3d一点通图迷| www.993708.com-足彩2串1倍投技巧| www.rq.com-北京快三走势有| www.nk98.com-今日足彩推荐| www.2xh.com-圆鸿彩票-| www.57dw.com-福彩营业厅游戏机| www.982.cn-向洪甲五行预测彩票| www.7818.top-提前开奖的彩票平台| www.24847.com-彩铅必备工具| www.68385.com-鸿彩是骗人的吗| www.043998.com-订阅足彩310报| www.126973.com-彩铅画人物手绘| www.197899.com-买彩票屠龙是啥意思| www.268016.com-彩票投注手机平台| www.369341.com-家彩搜索3d开机号| www.456396.com-红彩影视邀请码| www.540778.com-福彩中奖事件| www.637505.com-福彩公益金分配比例| www.719819.com-石家庄快三查询| www.790788.com-福彩双色球大彩网| www.862993.com-周五哪些彩票开奖| www.928917.com-彩拍ios软件下载| www.983709.com-彩票对刷套利| www.ln24.com-官方彩票66-| www.g08.club-网上如何买海南私彩| www.35nv.com-3d彩谜-| www.911.name-怎样用巫术买彩票| www.4716.com-男子身无分文中彩票| www.00726.com-上海福彩网选三| www.63604.com-中国竞彩篮球首页| www.019486.com-贵州省彩票兑奖地址| www.085138.com-万彩彩票靠谱吗| www.142658.com-广州福彩站主之家| www.213972.com-人人中彩票封了| www.279080.com-吉林快三杂顺是什么| www.394632.com-彩虹六号围攻女鬼| www.509106.com-彩票39期-| www.576781.com-都市快讯报家家好彩| www.639851.com-香港码彩现场直播| www.743910.com-彩立-| www.806299.com-快三大数据-| www.874587.com-湖北体彩大奖哪里领| www.963202.com-彩钢板规格-| 好彩头彩票www.23579c.com| www.dh38.com-快乐彩票彩种| www.sy84.com-七星彩中五个号码| www.15jq.com-彩票店门店设计图| www.90im.com-足球博彩购买| www.2114.xyz-江苏十一体彩选五| www.7342.top-彩虹6号在哪里下载| www.18708.com-彩票336cc-| www.57317.cc-手机app彩票排名| www.092885.com-美国快三中奖规律| www.150944.com-乐彩走势图-| www.237871.com-彩票兑奖规则| www.305165.com-彩票买号-| www.365793.cc-彩铅画入门视频教程| www.445502.com-彩票七彩星开奖结果| www.528467.com-儿童彩虹游泳圈图片| www.641268.com-w600万娱乐彩票| www.717951.com-手机版快三计划| www.784588.cc-英博在线彩票| www.849226.com-法乙足彩分析| www.903597.com-体彩合买是真的吗| www.964027.com-中奖彩票app下载| 彩票坊www.022j.cc| www.ap52.com-吉林快三跨度表| www.pn74.com-500彩票开奖查询| www.89.gg-百事彩票的网站| www.58sm.cc-澳彩足球即时赔率| www.727.cn-时时彩龙虎平台下载| www.4042.cm-977娱乐彩票| www.8891.net-足彩七串八-| www.61766.com-江西快三助手下载| www.011321.com-三分彩是全国开奖吗| www.069860.com-体彩跨度表-| www.128371.com-彩票天下资料| www.190652.com-彩票导师-| www.251168.com-app彩8下载-| www.311930.com-彩票提醒软件| www.373777.cc-彩裤宝典最新开奖| www.543250.com-福彩牛彩图迷| www.613257.com-南洋马来西亚乐和彩| www.672707.com-网易彩票关了吗| www.736251.com-快三彩票合法么| www.796487.com-网上销售江苏快三| www.853531.com-东光彩客化学电话| www.897638.com-湖北快三是什么彩票| www.949173.com-五福彩下载-| www.984267.com-时时彩获刑-| www.ub95.com-五分快三官方| www.4kc.com-加拿大彩票中奖号码| www.49kj.cc-宝赢彩票软件破解| www.252.in-竞彩足球彩果查询| www.2718.biz-快三时时彩怎么玩法| www.7284.cc-彩虹台网络在线直播| www.14524.com-辽宁全运彩开奖| www.50041.com-华宇国际彩票平台| www.85625.cc-本地体彩票开奖| www.026733.com-辉煌彩票是正规的吗| www.088581.com-权威彩神网-| www.136812.com-彩788平台靠谱吗| www.197656.com-大发快三有什么技巧| www.255276.com-送彩金棋牌-| www.313636.com-体彩票-| www.368738.com-福利彩票历史对比器| www.443917.com-意彩彩票app| www.521887.com-褔体彩开奖公告查询| www.579301.com-3550幸运彩票| www.636004.com-河南七星彩开奖日期| www.846261.com-小崔彩票采访视频| www.896481.com-彩票平台有开挂吗|