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.636394.com-彩虹五无人机| www.057037.com-彩票预测网站源码| www.je05.com-中原彩票快三| www.131467.com-安阳农村彩礼| www.591775.com-香港马会澳门竞彩| www.128719.com-福彩刮刮乐音频下载| www.302572.com-735彩票-| www.403939.com-重庆时时彩注册平台| www.463725.com-七星彩天狼星预测| www.920044.com-摇彩票数字软件下载| www.zt78.com-竞彩篮球加时赛算吗| www.378781.com-体育彩票中奖公布| www.690045.com-333彩票网-| www.49733.com-体育彩票跨度多少| www.140250.com-75彩票平台-| www.282668.com-快三三期必中公式| www.46460.cc-网上时时彩能提现吗| www.03wl.com-彩经网排三开机号| www.866337.com-体彩屋是合法的吗| www.943198.com-彩票中奖名单| 大赢家彩票网www.544093.com| www.pl24.com-体彩北京快3走势图| www.2tv.com-and123彩票网| www.37639.cc-彩票反水平台| www.536.win-和彩印怎么取消| www.0539.in-排3牛彩图迷| www.080828.com-百度福彩网-| www.240877.com-快三中奖能得多少钱| www.590586.com-福利彩3d开奖| 吉利彩票www.80065x.com| www.22660.cc-新版微信怎么买彩票| www.038158.com-爱投彩票苹果下载| www.288659.com-彩票什么叫长龙| www.546162.com-香港赛马排位及派彩| www.7769.vip-彩九ios-| www.071980.com-广州好彩1开奖结果| www.600076.cc-买彩票是真的吗| www.01597.com-米兜彩票不能提现| www.600953.com-10注彩票多少钱| www.129743.com-最新体彩新闻| www.406661.com-巨丰彩票网址是多少| www.18748.com-吉林快三变号| www.219647.com-福建快三推荐一定牛| www.321631.com-七星彩数据分析软件| www.cl50.com-彩界小少爷独胆| www.51dz.cc-安卓版鹰彩-| www.443529.com-上期双色球彩票开奖| www.021689.com-酷彩网-| www.834267.com-好彩爆珠柠檬| www.909249.com-福彩胆码和杀码| www.971558.com-彩票最新开奖结| www.hx19.cc-老谢说彩3d-| www.810312.com-福彩3官方直营网| www.886200.com-大地彩app下载| www.968374.com-谁有时时彩群拉我| 网易彩票www.504633.com| www.iw05.com-51中彩彩票-| www.ys76.com-昆明市彩票兑奖地址| www.678514.com-28彩票app骗人| www.668855.com-88彩票网站在哪| www.835813.com-好彩三八是什么肖| www.987677.com-多种网络购彩| www.l59.club-彩神v1是什么软件| www.778765.com-彩报网663299| www.358726.com-七星彩012路技巧| www.34jo.com-厚街东彩印刷怎么样| www.419843.com-cp29彩票-| www.699071.com-现任体彩主任| www.797130.com-足彩稳定盈利计划| www.883677.com-彩票处长-| www.952058.com-彩票计划大全网站| www.mr80.com-福建快三一定牛开奖| www.869121.com-七星彩内部泄漏| www.948419.com-3d小鱼彩圣-| www.995135.com-福彩主任贪了多少亿| www.aa93.com-七星彩南国彩票论坛| www.286004.com-河南福彩走势图表| www.220584.com-中原福利彩票开| www.88761.com-cp9彩票下载| www.370501.com-双色球手机彩票网| www.917853.com-南国七星彩投注网| www.982375.com-香港时时彩开奖查询| www.ww.com-彩票中奖概率是多少| www.pb69.com-河北省快三统计图表| www.1qo.com-福彩三d图迷第三版| www.834163.com-彩烟香烟图片| 天天乐彩票www.915196.com| www.969816.com-福彩买彩票时间| 网易彩票www.560231.com| www.lg70.com-豪彩哪里下载| www.625108.com-彩票公司上班| www.701911.com-淘宝彩票停售公告| www.768984.com-彩票女孩-| www.614666.com-3a彩票手机客户端| www.850451.com-竞彩腰斩怎么派奖| www.942282.com-彩票兼职qq-| www.993432.com-足彩任九投注计算| www.oc4.com-河北快三今天跨度表| www.nd76.com-福彩大赢家-| www.355654.com-买彩票绝技-| www.321447.com-大通彩票开奖直播| www.48440.com-足球手机购彩软件| www.983770.com-购彩堂下载-| www.610033.com-微信彩票竞猜夹娃娃| www.719265.com-彩虹的词句-| www.816782.com-天天中彩票中奖截图| www.902803.com-k彩彩民中奖福地| www.984217.com-鸿运彩票app下载| www.rg0.com-福彩3d跨度走势图| www.uy11.com-湖北快三技巧口诀| www.75vl.com-5d彩超费用-| www.2359.me-七彩云南翡翠北京| www.101963.com-彩59-| www.127619.com-彩虹岛为什么不火了| www.212382.com-淘彩票平台-| www.sm64.com-篮球彩票规则介绍| www.82uf.com-七星彩的规律算法| 五彩堂www.898364.com| www.108461.com-平台彩票赢的谁的钱| www.298293.com-沈阳快三是官方的吗| www.ef74.com-58彩票下载安装| www.07526.com-澳彩即盘-| www.57554.com-澳客彩票售后电话| www.999635.com-福彩杀码号-| www.jw98.com-彩吧下载-| www.28ls.com-彩票正规app| www.2940.pw-鸿运时时彩是官方吗| www.16655.com-彩神是不是骗人的| www.008.red-至尊彩是真的吗| www.757066.com-福彩东方61走势图| www.365665.cc-彩色铅笔画人物简单| www.45188.com-福彩刷单-| www.379068.com-湖南快三开奖| www.509098.com-福彩云彩宝-| www.586684.com-星力捕鱼送彩金| www.025113.com-爱彩通手机免费软件| www.108302.com-彩票差点中奖的心态| 8号彩票www.60108l.com| www.e65.com-今晚七乐彩开奖视频| www.75ha.com-看彩票结果-| www.60245.com-网络江苏快三黑彩| 万达彩票www.616383.com| www.623025.com-福利彩票有没有技巧| www.945204.com-235彩票网-| www.774772.com-黄金8彩票网app| www.848156.com-竞彩足球是真的吗| www.913105.com-美国一分彩计划| www.972414.com-彩铅人物素描图| www.cb97.com-赢钱彩app官网| www.a63.net-双色球彩民心得| www.732800.com-5百万彩票-| www.948418.com-快三如何追豹子| www.2801.live-体彩大家玩什么彩票| www.189742.com-江苏福彩3d-| www.270042.com-132彩票平台下载| www.926325.com-七乐彩奇偶走势图| www.cai569.com-网上快三代理| www.44dc.com-出彩和出色-| www.71qw.com-福彩3d时间-| www.3117.pw-体彩办专管员| www.661509.com-能提现的黑彩可靠吗| www.1755.net-信彩计划软件手机版| www.017722.com-星彩3d胆码-| www.cs09.com-新私彩平台-|