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.34245.com-水溶彩铅画人物| www.989540.com-下载苹果彩票软件| www.5834.biz-吉林体彩网爱彩乐| www.c1.org-68彩票-| www.456206.com-安微快三和值表| www.102400.com-中彩网怎么样| www.881428.com-竞彩串场推荐| www.1439.cn-口袋彩票邀请码谁有| www.663223.com-足彩赔率分析| www.742655.com-下载好运彩app| www.689.com-重庆时时彩冷热查询| www.358744.com-新天成彩票网靠谱吗| www.772402.com-足球博彩-| www.358242.com-在线买足彩竞猜软件| www.217744.com-福彩网app-| www.255825.com-彩票51中彩可靠吗| www.of67.com-福州体彩11选五| www.lx.cc-青海福彩快三下载| www.139925.com-1彩登陆-| www.74dp.com-两个合法网购彩票| www.3568.cc-彩吧旧版-| www.05379.com-51彩下载安装| www.51288.com-福彩倍投计算| www.002232.com-七乐彩兑奖方法| www.123108.com-义乌福彩管理中心| www.212786.com-彩票平台110| www.1030.org-加纳1.5分彩计划| www.327191.com-彩票开彩票开奖结果| www.427253.com-彩票查软件-| www.533565.com-彩票循环计算公式| www.95aq.com-投彩据点-| www.046887.com-51彩虹聊天软件| www.er09.com-江苏快三计划网页版| www.8572.biz-像m5彩票的有| www.234848.com-福彩3d安装-| www.135195.com-快三预测助赢| www.263582.com-中彩网大乐透走势图| www.365183.cc-彩票中一个红一个蓝| www.2452.in-可以下分的好彩捕鱼| 818合彩www.www.9889hc.com| www.177481.com-彩票快三规律破解| www.381412.com-七星彩开奘结果公布| 大赢家彩票平台www.760169.com| www.4667.com-什么彩票可以多期| www.220155.com-彩78-| www.505430.com-瑞博国际彩票怎么样| www.6898.wang-海南体育七星彩| www.52602.com-盈彩彩票真的假的| www.005069.com-体彩6十1中的玩法| www.011059.com-腾讯时时彩彩票| www.179827.com-福利彩快3走势图| www.964653.com-6701彩票网下载| www.874665.com-大同彩票app下载| www.123076.com-各种彩票精准计划| www.748536.com-中彩啦怎样下载| www.64755.com-竞彩亚赔干货| www.105142.com-新浪彩票资讯| www.260468.com-买彩票算赌吗| www.5888.live-廊坊福彩中心电话| www.xr96.com-重庆中彩票大奖案例| www.16557.cc-福彩四等奖结果| www.817569.com-海南东方快三销售点| www.93873.com-七乐彩规律-| www.283539.com-七星彩兑奖方式| www.365810.com-彩票刑事案件| www.446333.com-博彩投注平台源码| www.530383.com-幸运彩票助手下载| www.605882.com-吉祥彩票网址是多少| www.5517.cm-世界顶级彩票| www.367488.com-彩票中奖结果普通话| www.7007.xyz-篮球胜负彩怎么玩| www.238175.com-东莞彩票兑奖地点| www.372922.com-幸运彩票网网址| www.589819.com-体育彩票排五开机号| www.699507.com-www.168彩票| www.yn48.com-快三高频彩票害人| www.67rv.com-福利彩票领奖去哪里| www.01au.com-下雨后彩虹看图写话| www.965157.com-彩经网北京快3| www.gr1.com-北京快三开奖多少| www.770747.com-七彩建盏图片| www.882426.com-易彩票网址-| www.974780.com-彩44-| www.vv67.com-游戏快三是什么| www.0489.xyz-胜负彩360彩票| www.11620.com-乐乐彩3d开奖| www.2793.wang-快三技巧图片| www.323888.com-七乐彩中奖分布图| www.545361.com-彩票算号-| www.72ld.com-米兜彩票官方app| www.2356.xyz-彩票中奖提现不了| www.cb97.com-赢钱彩app官网| www.um46.com-快彩助手验证码| www.22in.com-拍拍贷新彩虹计划| www.754.date-重庆时时彩遗漏分析| www.4561.org-99彩票登录网| www.87678.com-彩票定位胆怎么玩| www.44yv.com-快三怎么买对子| www.1913.tv-东方彩票平台注册| www.cp931.com-一分快三开奖记录| www.462030.com-幸运彩票有没有风险| www.604892.com-体彩任选三单式奖金| www.691751.com-凤凰竞彩推荐| www.779254.com-体彩助手下载软件| www.886329.com-三毛彩吧app| www.958294.com-福彩3d买法大全| 快彩在线www.2632g.com| www.iv37.com-竞彩官网-| www.yu70.com-大发快三如何猜豹子| www.638108.com-体彩竞彩几踢完| www.784811.com-乐仑彩票官网| www.865753.com-981彩票-| www.965134.com-今晚彩票的开奖结果| www.bo01.com-152彩票ios-| www.xz24.com-韩国快三是真的吗| www.38fs.com-七星乐快三-| www.0021.pw-彩票注怎么算| www.605094.com-足彩彩票怎么看中奖| www.7977.com-博彩中介公司是什么| www.32917.com-支付宝怎样买彩票| www.79937.com-竟彩足球比分赔率| www.033917.com-凤凰彩票app安装| www.114971.com-彩圣字谜福彩3d| www.543292.com-福彩大家乐官网| www.lw07.com-时时彩平台出租价格| www.217425.com-福利彩票苹果版| www.356032.com-靠彩票发财-| www.515312.com-为什么七星彩出不来| www.606209.com-福彩3d今天买什么| www.786745.com-9号彩票登录| www.902086.com-黑彩坐庄能赚钱吗| www.988707.com-南昌体彩中心| www.me63.com-天猫彩票是正规的吗| www.15xs.cc-3抵制天价彩礼3| www.983.cn-梦迷解图七星彩号| www.8686.mobi-体彩七星彩24| www.48095.com-大发时时彩啥规律| www.dc62.com-人人中彩票封了| www.174997.com-快三赚钱技巧压大小| www.1387.xyz-牛彩双色球字谜| www.976693.com-河南温县彩礼| www.208279.com-在线派彩电子走势图| www.137480.com-竞彩足球任九| www.964157.com-3d彩票定胆-| www.143454.com-福利彩票公司老总| www.220965.com-黑龙江福彩-| www.73ic.com-时时彩机器人怎么做| www.53ej.com-家家好彩报纸| www.795108.com-深圳时时彩技巧稳赚| www.879396.com-彩富网手机版| www.531565.com-排列3技术型彩民| www.600116.com-无缘彩票-| www.684674.com-福彩3d多帮预测| www.763068.com-55彩票三分彩| www.37193.com-好运来彩票安全不| www.607161.com-教育台福彩开播| www.94473.com-电脑彩正版图片| www.222067.com-大赢家5分钟彩票| www.730190.com-重庆实时彩技巧| www.570361.com-七彩祥云是真的假的| www.73822.com-网上买体彩票| www.521816.com-和彩印怎么设置文字| www.11sd.com-国家官方彩票有哪些| www.658100.com-体彩快开电子走势图|