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.803044.com-彩票手机购买| www.962991.com-贵州体彩官方网站| www.ke53.com-网络体彩赌博亚博| www.800.name-小六壬测彩票3d| www.09749.com-福彩三d大花猫| www.122365.com-找重庆时时彩微信群| www.206341.com-十一选五体彩浙江| www.301520.com-快三单双大小怎么看| www.390826.com-手机购买的彩票网站| www.514882.com-国产口碑好的彩妆| www.620219.com-竞彩技巧亚盘分析法| www.697232.com-海南七星彩怎么赔| www.799498.com-彩票好假-| www.881284.com-足彩推荐分析| www.95686.com-中国福利彩票政策| www.28534.com-福彩助手客户端下载| www.458499.com-竞彩模拟-| www.588759.com-蓝彩开奖结果新浪| www.365175.cc-快三加奖结束了吗| www.591767.com-香港賽馬會彩经| www.676945.com-廊坊市彩色印刷包装| www.02226.com-人人中彩中过大奖吗| www.155819.com-彩票飞鱼-| www.623313.com-统一彩票软件| www.697836.com-彩界联盟怎么登陆| www.784331.com-叫停网络售彩| www.858427.com-乐购彩票苹果版| www.931012.com-李永乐说彩票| www.986926.com-彩先知网站-| www.ni6.cc-网易彩票手机版| www.79if.com-彩排的彩是什么意思| www.354522.com-台湾彩票大奖号码| www.205598.com-黑彩平台漏洞刷钱| www.852666.com-时时彩都有哪些漏洞| www.418118.com-盛大五分彩是真的吗| www.569108.com-海口彩票网早版正版| www.790134.com-哪个软件预测彩票准| www.308.tv-彩票私庄-| www.229082.com-成功彩票网址| www.317062.com-618彩票注册| www.575742.com-世界杯竞彩足球停售| www.661516.com-黑彩是按流水判刑吗| www.739694.com-pg11苹果彩票网| www.819596.com-能直播刮刮彩嘛| www.923819.com-秒速时时彩开奖规律| www.982300.com-六福彩怎么玩| www.ew4.com-快三定一码方法| www.622216.com-广州体育彩票官网| www.773184.com-下彩票送38-| www.57712.cc-彩票工作工资高吗| www.037339.com-号百彩票开奖结果| www.680973.com-佳缘男七星彩骗局| www.795690.com-苏州竞彩-| www.908525.com-数字型彩票选号技巧| 购彩在线www.66332x.com| www.360903.com-福彩3d报纸彩图版| www.78889.cc-福彩3d中奖难啦| www.111553.com-彩61主页-| www.260765.com-新加坡天天彩开奖| www.531822.com-买彩票第一次会中吗| www.220036.com-快三走势图河北昨天| www.216298.com-彩票计划app| www.582539.com-321彩票下载安装| www.001965.com-中国彩票走势图表| www.67218.cc-安阳彩票中奖人| www.023483.com-5d彩超机的售价| www.2798.vip-兰州彩票兑奖地址| www.877712.com-足球博彩算赌博吗| www.982379.com-分分时时彩开奖号码| www.s10.com-彩票弃奖报道| www.78vf.com-彩票暴富小说| www.nx33.com-福利彩票字谜| www.754068.com-搜狗彩票是真的吗| www.9843.vip-彩票工具软件分类| www.088787.com-重庆市彩时彩结果老| www.533683.com-彩票平均遗漏值越大| www.st87.com-168彩票开奖| www.849722.com-福利彩票11元5| www.950484.com-双色球乐彩论坛| www.81448.cc-5268彩票-| www.093296.com-全国高频彩票有哪些| www.385939.com-166福利彩票| www.817888.com-随机彩票中奖率高吗| www.906252.com-黑彩代理会判多少年| www.bt67.com-49彩票集团软件| www.171.date-彩票对打分红| www.hx01.cc-快三012路怎么看| www.7227.pw-彩虹六号围攻标准版| www.42yf.com-彩票讲堂中彩视频| www.994726.com-福彩3地字谜图总汇| www.df53.com-旭彩网网址-| www.669917.com-海南最新彩票| www.760313.com-秒速分分彩在线预测| www.856204.com-吉林快三合之图| www.89474.com-义乌彩票店转让| www.dv00.com-福彩自助彩票机加盟| www.xh08.com-22彩票输死人| www.64vv.com-体彩大吉大利代码| www.1527.org-彩票机器人能用吗| www.100821.com-必中彩票2-| www.194376.com-正规彩票网-| www.261703.com-竞彩让球-| www.721511.com-任九足彩开奖| www.800129.com-博彩注单被改| www.877715.com-时时彩私庄可以做吗| www.964111.com-快三必中方法| 万历彩票www.77114b.com| www.mo11.com-免费彩金app| www.14ub.com-七星彩澳客杀号| www.903608.com-万豪彩票网站| www.017943.com-彩票投注计算器胆拖| www.428218.com-彩票软件app开发| www.c1.la-快三开奖app| www.27832.cc-时时彩高手在民间| www.96309.cc-支付宝对彩票| www.105997.com-浙江体育彩票6加1| www.187886.com-快三跨度什么意思| www.257179.com-河南福彩三的预测| www.96wy.com-体彩限号-| www.75zo.com-豫彩通-| www.8162.xyz-七乐彩中奖奖金多少| www.272559.com-pc彩票是啥意思| www.456648.com-14亿彩票-| www.963981.com-彩票倍数怎么算| www.170740.com-福彩3d论坛论坛| www.254353.com-好彩店app-| www.416178.com-区块链技术彩票| www.550063.com-网上可以足彩吗| www.655920.com-高赔的彩票-| www.743178.com-香港皇家彩-| www.993034.com-快三的二同号有哪些| www.ge72.com-江西福利彩票app| www.541618.com-竞彩赛果查询| www.569882.com-福彩3d顺子有几组| www.635094.com-七彩阳光分视频| www.58592.com-自制彩票缩水软件| www.3809.com-足球竞彩混合| www.21625.cc-时时彩开挂软件下载| www.623515.com-红牛彩票正规吗| www.334909.com-山东体彩中心电话| www.493547.com-福彩芷机图字谜汇总| www.320608.com-快三软件是真的么| www.926976.com-买属相彩票-| www.zr34.com-福利彩票怎么看的| www.42ax.com-足彩胜负平比分直播| www.946881.com-快频彩套利-| www.8439.loan-彩票软件是否合法| www.8756.loan-顺盈彩票靠谱吗| www.968482.com-中国彩票作弊| www.cai711.cc-快三助手安卓免费版| www.25bt.com-华彩彩票网-| www.51713.cc-福彩3d天中网| www.017165.com-网上彩票店怎么开| www.cp3000.com-快三技巧有哪些| www.6vc.com-吃饭送彩票宣传语| www.164580.com-百姓彩票网论坛| www.520509.com-中国互联网彩票| www.09567.cc-150彩票app-| www.0075.top-彩票类游戏经营| www.524081.com-快三倍投方法| www.812883.com-七星彩网站网址大全| www.333662.cc-服务店铺彩票| www.408496.com-福彩春节放假时间| www.505492.com-彩坛元宝独胆|