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.01wq.com-重彩画-| www.366443.com-彩票易经八卦数字图| www.480061.com-体彩大乐透奖池金额| www.568245.com-网络彩票害人输千万| www.78wg.com-台湾5分彩投注平台| www.1232.vip-大发云彩神神争霸| www.8370.com-海南够力七星彩软件| www.58571.cc-创彩app下载| www.046662.com-福利彩票店豪华装修| www.181472.com-彩票开奖查询排列5| www.280344.com-重庆时时彩官网| www.365296.cc-六仺彩库宝典图| www.455079.com-彩漂坊-| www.542048.com-天津彩箱包装价格| www.604141.com-无限彩票-| www.670261.com-狂欢彩票香港49| www.781761.com-数字彩排列三走势图| www.861165.com-甘肃快三怎么了| www.916180.com-彩票加盟利润是多少| www.977459.com-彩妆门头-| www.ji1.com-快三专业术语| www.oh31.com-彩票c9com-| www.i25.club-万彩办公大师app| www.26112.cc-彩虹羽泉mv-| www.062418.com-彩票166苹果| www.231811.com-51中彩app下载| www.206061.com-彩票中奖是骗局| www.252413.com-全民彩票官网网页版| www.568653.com-中华彩票下载ios| www.cp5699.com-彩票坊一分快3| www.ua31.com-百博博彩论坛| www.13wt.com-天下彩txcpcc| www.99jj.com-五行八卦预测彩票| www.8142.biz-穷人买彩票的故事| www.332877.com-凤凰彩票网骗局吗| www.17522.com-310足球彩票网| www.055127.com-彩色的拼音-| www.497639.com-彩之家赢钱不给提现| www.cp3359.com-福彩快三中奖经验| www.2050.website百盛彩票安全吗| www.62028.com-排三彩宝网工具| www.255321.com-彩票玩法大乐透| www.fh66.com-彩票注册送23| www.203678.com-福利彩票官方手机版| www.357777.cc-老板给员工发彩票| www.479302.cc-天津市福彩兑奖中心| www.610787.com-梦到猪买彩票什么码| www.052909.com-买彩网双色球| www.cp3306.com-三分快三官网| www.71ln.com-体彩图库总汇| www.8074.xyz-法国水彩画家作品| www.56477.com-国民彩票注册| www.450070.com-时时彩012路表| www.611653.com-彩虹主站搭建| www.774159.com-网上彩票买大小| www.960758.com-注册送彩金的街机| www.q03.xyz-快三查询结果| www.203.in-彩铅画秋景-| www.7621.xyz-体育彩票的标志颜色| www.171029.com-彩神i-| www.356539.com-过年为职工发彩票| www.561807.com-内蒙快三今日推荐号| www.687016.com-竞彩足球胜平负规则| www.856707.com-辽福彩十二选五| www.987111.com-辽宁大连快三| www.oj67.com-福彩快3兑奖规则| www.69184.com-博众彩票-| www.040012.com-安徽快三遗漏数据| www.120896.com-快三中奖几天有效| www.190963.com-上海快三走势图电视| www.260026.com-买彩票是赌博| www.330125.com-布衣图库一好彩网| www.395669.com-七乐彩一等奖最低| www.524896.com-彩票制作器-| www.593135.com-彩虹剧情分集介绍| www.662141.com-竞彩中5800万| www.722361.com-华阳彩票还能买吗| www.787221.com-竞彩篮球对阵表| www.850387.com-福彩摇骰子快三| www.913257.com-广西快三闯关计划| www.972476.com-彩1234-| 吉彩www.407871.com| www.ia62.com-彩票容错是什么意思| www.w22.com-诺亚时时彩平台登录| www.854.me-超级彩票网址| www.8554.wang-奖聊彩票苹果版| www.62898.com-立彩佳美缝剂| www.049908.com-天下彩开奖l结果| www.148488.com-快三单双算法教程| www.258073.com-彩票大赢家手机版| www.372462.com-彩色翅膀一文的作者| www.512557.com-彩铅人物简笔画眼睛| www.615491.com-失控的黑彩刘雪龙| www.728464.com-重庆大快三下载安装| www.834846.com-炫彩微商3.0| www.932772.com-官方购彩软件| 500万彩票www.98528f.com| www.802902.com-七星彩开奖怎么玩法| www.50.link-大旺彩票应用软件| www.92kq.com-平台投彩-| www.7656.wang-足彩盈利计划app| www.36837.cc-玩高频彩必输| www.91315.cc-炫彩浮屏什么意思| www.064848.com-彩票返点最高的平台| www.148100.com-彩迷网怎么样| www.237954.com-福彩开奖查询结果| www.325153.com-发达彩票是怎么回事| www.8448.pw-星彩自助下单平台| www.cf16.com-大发快三平台有多少| www.sk16.com-天津时时彩官方| www.49es.com-英彩票app-| www.bp14.com-11选5购彩秘籍| www.685511.com-福彩推荐专家| www.51397.cc-彩票充值代理加盟| www.081616.com-吉林体彩11远5| www.199678.com-福建福彩网快3| www.352519.com-靠谱的黑彩平台| www.641108.com-澳洲45秒彩走势图| www.of8.com-江苏快三有什么技巧| 易彩网www.99638.com| www.388275.com-香港华彩集团| www.21110.com-陌陌彩票女-| www.171913.com-上海福彩快三走势图| www.358491.com-江苏快三5分钟| www.94kr.com-采全网彩金网彩卷网| www.9036.top-乐彩垠简介-| www.89239.com-567彩票在线| www.064936.com-天下彩票一-| www.192575.com-江苏快三今天推荐| www.30vv.com-彩色玫瑰花语| www.829078.com-ee彩票下载-| www.es04.com-彩43-| www.605422.com-适合手机彩膜的图片| www.059212.com-快2彩-| www.553285.com-平台彩票网赚| www.570537.com-七彩云南第壹城详情| www.690397.com-足彩即时澳盘| www.296838.com-如何网购3彩票| www.415258.com-足彩4串11-| www.540065.com-时时彩技巧| www.156778.com-北京彩民中奖| www.262608.com-北京新快三走势图| www.430856.com-江苏彩礼20万| www.726079.com-手机购彩怎么样| www.1515.me-通辽市体彩中心号码| www.983475.com-天津时时彩官网| www.111901.com-怎样在手机上买彩票| www.251886.com-中彩网买彩票可靠吗| www.353972.com-07彩票是正现的吗| www.586910.com-南方双胆双彩| www.2299.biz-彩票今天开机号| www.26531.cc-体育彩票500万| www.76086.com-足球彩票过关怎么玩| www.180335.com-甘肃快三爱彩乐| www.439243.com-4lcc金彩网百度| www.566454.com-凯发彩票下载| www.664224.com-七乐彩500-| www.750820.com-香港百彩网开奖结果| www.966726.com-老宝马登录彩票| 爱购彩票www.355205.com| www.kl81.com-易彩堂官方网站登录| 500万彩票www.96386c.com| www.44op.com-中国竞彩足球360| 爱彩乐www.692918.com|