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天

知道了
9彩注册 www.6997.org-如何买篮球赛彩票| www.456950.com-福彩上班时间| www.244157.com-彩票走势-| www.392112.com-竞彩过关玩法容错| www.2334.love-七彩文鸟图片| www.322170.com-南方手机彩票网| www.441411.com-体彩经营技巧| www.562159.com-上海基诺彩票走势图| www.956019.com-彩票开发程序员判刑| www.xx1.com-七乐彩大发快三网址| www.70.vip-多肉彩泥做法大全| www.3331.tv-全彩色漫画-| www.129630.com-快三重大奖-| www.137243.com-七彩冰激凌-| www.237636.com-竞彩app哪个好| www.101484.com-彩票aqq排行| 99彩票www.66082.cc| www.2917.biz-体彩店装修效要求| www.36880.com-福利彩票28-| www.9589.vip-彩票趋势软件安卓版| www.540665.com-彩票7116-| www.656546.com-魔方彩票骗人的| www.815664.com-圣手一彩吧-| www.726908.com-海南彩开奖记录| www.318565.com-彩票贵州快3走势图| www.450499.com-海南七星彩代理| www.563734.com-八角星彩票网| www.666927.com-乐彩科技有限公司| www.79662.cc-银川福利彩票中心| www.463618.com-利奥彩票平台登陆| www.707670.com-彩吧论坛三地字谜| www.813191.com-香港代退彩金被骗| www.882802.com-棒棒彩票是真的吗| 500彩票www.51515m.com| www.7363.xyz-网上能买3的彩票吗| www.137533.com-梁宏达讲彩票的故事| www.679592.com-问题彩民戒賭| www.772882.com-6188彩票安卓| www.905127.com-苏州顺昇科技彩票| www.974409.com-28彩票平台注册| www.mp2.cc-查一下今天甘肃快三| www.sx12.com-8位数彩票-| www.27vq.com-分分彩什么玩法稳赚| www.174.cn-体彩复式价格表| www.3773.online旺彩软件下载ios| www.9233.com-鸿鑫乐彩是什么| www.215105.com-江苏福彩新快三| www.83691.com-买彩票的弊端| www.734311.com-福彩生肖开奖表| www.746607.com-彩票23-| www.364457.com-手机买彩票世界杯| www.576974.com-人人中彩票77官网| www.718165.com-投乐彩官方网站| www.873930.com-重庆三分彩开奖结果| www.as53.com-彩票平台制作排行榜| www.31rk.com-星期天开什么彩票| www.02195.com-彩经彩票苹果版本| www.80885.cc-彩票排列七-| www.663239.com-中国竞彩首页网| www.r00.win-体育彩票大乐透买法| www.02az.com-彩虹都是七种颜色吗| www.137628.com-七星彩开结果奖直播| www.104113.com-胜负彩直播比分直播| www.095214.com-江西快三下期预测| 彩乐坊www.55clf.com| www.428782.com-各彩种开奖号| www.8125.top-福彩大乐透走势图| www.3051.vip-彩13官网下载| www.961925.com-福彩双色球兑奖说明| www.952308.com-中彩啦是真的吗| www.003452.com-菲律宾彩票推广工资| www.797614.com-彩票99购十分彩| www.710918.com-足彩任性九场| www.969426.com-酷彩吧提现-| www.nz04.com-爱农驿站彩票| www.322305.com-128彩票下载安装| www.cai9009.com福建快三跨度走势图| www.05xr.com-世界十大水彩颜料| www.8442.loan-彩票赔钱经历| www.t61.cn-大发快三杀号定胆| www.9586.pw-七星彩票开奖结果查| www.57226.cc-彩宝宝下载-| www.235300.cc-官方福彩下载安装| www.89811.cc-日本彩票中奖号码| www.428247.com-苏州彩票作假| www.ug7.com-彩票开奖结果查| www.500757.com-中彩票一等奖怎么领| www.79wi.com-分分彩挂机方案制作| www.325576.com-双色彩票中奖规则| www.591772.com-最准的欧赔博彩公司| www.375596.com-掌中彩app下载| www.586074.com-时时彩一分彩计划| www.678296.com-购买彩票骗局| www.795225.com-史上最大彩票| www.916200.com-10分快三下载安装| www.998106.com-竞彩足球容错怎么买| www.lf20.com-彩19-| www.003042.com-菲律宾马尼拉彩票| 500彩票www.50052d.com| www.230286.com-彩票66下载安装| www.812399.com-福彩3d应用技巧| www.952236.com-广东26选5好彩2| 发彩www.50732f.com| www.nh15.com-杨震胜负彩-| www.o61.net-送彩票促销违法吗| www.44xa.com-贵州好彩香烟价格| www.444.red-往期中奖彩票被调| www.455097.com-乐彩是合法的吗| www.44233.cc-彩票出票后请核对| www.823074.com-彩铝是铝合金吗| www.003847.com-彩票规律走势图| www.697225.com-七星彩单式1倍票| www.9913.org-彩票中奖三等奖| www.tw73.com-甘肃快三购买平台| www.96879.com-民政部福彩案| www.822665.com-竞彩源码-| www.826777.com-福彩3d藏机诗图| www.153330.com-彩票一组几个数| www.227738.com-体彩大乐透预测汇总| www.81kf.com-快乐彩五行对刷| www.4996.cc-梦到中彩票-| www.30353.com-京东彩票邀请码| www.qq89.cc-五分快三全天计划表| www.961358.com-福彩七乐彩最高奖| www.6054.cc-体育彩票怎么过户| www.21675.cc-彩票店老板微信号| www.410455.com-足彩水位是什么意思| www.912062.com-快三数字分析软件| 大赢家彩票平台www.161570.com| www.ra07.com-上海快三开奖规则| www.196688.com-彩票计划神器| www.262651.com-天津福彩快三开奖| www.181876.com-快三胆拖金额表| www.593006.com-彩虹e直播源| www.122723.com-易彩集团是什么公司| www.au98.com-快乐彩十分钟| www.05zp.com-3g彩票网址-| www.002.hk-亿彩堂网址-| www.222231.com-查询彩票开奖日期| www.362359.com-描写彩虹的诗| www.468628.com-福彩刮刮乐官网| www.559775.com-七星彩名字选号| www.639406.com-怎么开好彩票店| www.703843.com-368彩票网站| www.779360.com-魔图福彩-| www.830902.com-足彩对阵表四月| www.888851.com-王者彩票218| www.949634.com-快三专家推荐号| www.990341.com-多乐彩网站-| www.nl6.com-湖北快三号码| www.nr00.com-极速快三计划官网| www.451561.com-风中彩莲爱你无悔| www.601099.com-胜负彩贴吧-| www.41gu.com-网上如何买七星彩| www.171012.com-河北福彩快3| www.296083.com-湖北快三有没有技巧| www.8000.me-竞彩2串1投注技巧| www.3141.vip-彩票振幅是怎么计算| www.53662.com-腾龙时时彩缩水软件| www.83oo.com-现在的福彩主任是谁| www.0760.in-梦图解梦七星彩| www.4697.cc-杭州体彩专管员| www.8737.org-今天休彩试机号| www.23196.cc-uc旭彩-|