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天

知道了
58福彩 www.679535.com-大乐透杀号搜狗彩票| www.br64.com-106.彩票-| www.wx39.com-福彩七-| www.057484.com-宝马彩票下载安装| www.67ef.com-快赢彩票多少人玩过| www.015849.com-大发快三大小预测版| www.639685.com-怎么才能把竞彩卖好| www.fa27.com-678彩票-| www.19sv.cc-点击精彩内容一起色| www.4370.biz-快彩是合法的吗| www.40795.com-彩票九官方-| www.013177.com-海南彩票天涯论坛| www.22890.com-福彩彩票网-| www.019.bid-周三出什么彩票| www.4520.cc-彩票刮刮奖中奖图片| www.13965.com-手机彩票2元网| www.56651.cc-体育彩票平台| www.106114.com-安微快三形态走势| www.203861.com-彩迷计划-| www.297837.com-湘潭市福彩中心在哪| www.791341.com-时时彩缩水器网页版| www.801555.com-竞彩足球讨论区| www.890071.com-网上彩票平台合法吗| www.956716.com-14场足彩即时欧赔| JJ彩票www.33015.cc| www.661040.com-彩20官网下载| www.220309.com-下载乐彩网app| www.40lu.com-七星彩有假-| www.401518.com-703彩票心水资料| www.722305.com-吉林快三历史遗漏| www.889634.com-凤凰网彩网址| 大赢家彩票www.340911.com| www.x18.me-有没有买彩票养家的| www.6445.org-51彩票可信么| www.365691.cc-最近体彩开奖号码| 大赢家彩票平台www.375791.com| www.3fp.com-一支彩染发剂怎么样| www.472686.com-彩票开l奖-| www.06wk.com-用彩铅画的凤九| www.748898.com-和彩票-| www.009869.com-分分彩稳定计划| www.657382.com-家彩彩票杀号| www.803208.com-台湾捷豹彩票| www.872421.com-中大奖彩票网站| www.953476.com-足彩大小球规则| 大赢家彩票平台www.916720.com| www.04vr.com-请问竞彩胆拖怎么打| www.214995.com-江西福彩官方网站| www.23856.cc-如何跳快三-| www.007643.com-福彩3官方直营| www.805279.com-七乐彩奖级对照表| www.426609.com-足彩总进球怎么开奖| www.585905.com-现金彩票下载| www.302806.com-彩票天下23cc| www.5178.org-七乐彩胆拖计算图| www.cai4244.com内蒙快三形态| www.561068.com-红彩会登录8| www.je39.com-湖北湖北快三| www.301602.com-中彩计划软件| www.936583.com-足球胜负彩中奖规则| www.861.pw-时时彩四码-| www.070538.com-今日青海快三走势| www.07de.com-彩铅画麋鹿圣诞节| www.022787.com-黑彩庄家挣钱吗| www.857120.com-极速赛车彩票投注网| www.966862.com-彩票店快三提成多少| www.jl40.com-快三回血大师带| www.4te.cc-怎样查看彩票| www.91vd.com-彩票代玩给佣金| www.3651.com-鸿鑫彩票-| www.08550.com-福彩快3预测| www.56741.com-带赢彩票-| www.56363.cc-743cc天天好彩| www.156703.com-体育彩票大乐透兑奖| www.236935.com-竞彩310-| www.941232.com-彩票倍投计划群| 爱购彩票www.335247.com| www.5918.net-人人彩怎么下载| www.2112.in-足彩365不能买| www.d29.org-彩票预测系统| www.551066.com-体彩合买被骗怎么办| www.503150.com-彩友多店主微信| www.582075.com-879彩票网-| www.667084.com-乐彩网怎么进不去| www.770913.com-上海彩虹冰淇淋机| www.869951.com-365彩票官方网站| www.957401.com-北单开奖结果彩客| www.cai3788.com内蒙古体彩十一选五| www.rj72.com-各种釉彩大瓶观后感| www.vf11.com-卖体彩利润怎么样| www.683869.com-推店彩票app下载| www.28813.cc-网上体彩赌博| www.93fi.com-彩色白底免冠| www.870801.com-星彩社区3d-| www.323617.com-新加坡福利彩票| www.284481.com-国彩app-| www.360606.com-足彩独赢-| www.11667.cc-98福彩网-| www.182880.com-北京快三正规吗| www.381904.com-智慧彩票预测有书吗| www.9210.vip-福利彩票和什么一起| www.419499.com-秒速时时彩人为控制| www.580866.com-kc8开彩吧下载| www.972666.com-彩铅眼睛的画法| www.381550.com-银川彩票转让信息| www.586870.com-星期5开什么彩票| www.805028.com-足彩大小球看立博| www.gv06.com-彩788平台登录| www.55yv.com-手机上如何买彩票| www.5982.biz-体彩公益宣传美篇| www.59921.cc-快三权威如何举报| www.093754.com-福彩高频彩新政策| www.244198.com-快三秒奶茶加盟网| www.628234.com-赢家彩票骗局| www.684711.com-福彩走走势图| www.751184.com-彩票巴士注册| www.803553.com-年后七星彩何时开奖| www.865967.com-五星彩票官方网站| www.916493.com-靠谱的彩票app| www.966971.com-彩手机自动投注器| 易彩堂www.55885g.com| www.826697.com-彩票app骗局平台| www.954740.com-幸运快三分析软件| www.hf29.com-彩73彩票-| www.384377.com-8618彩票-| www.178343.com-大发快三在线计划| www.87847.com-华阳彩票是正规的吗| www.9644.cm-彩宝贝排三定3跨度| www.976000.com-三动三不动彩礼| www.893901.com-金牛彩票官网| www.gt77.com-福彩店怎么申请| www.594059.com-机选一注体育彩票| www.676006.com-西安彩礼一般多少钱| www.850448.com-网上大发快三能玩吗| www.956990.com-彩盈登录注册| www.1907.pw-福利彩票销售点查询| www.2344.bid-福彩三d专家预测号| www.27139.cc-台湾时时彩5分开奖| www.183156.com-福利彩票官网| www.683408.com-丽水福利彩票站点| www.872737.com-快乐彩前三直选遗漏| www.947247.com-中国彩吧中-| www.985501.com-快三号码预测一定牛| www.rb3.com-福利彩票25-| www.244000.com-山东福彩群英会软件| www.351106.com-银河彩票平台搭建| www.949735.com-一分钟快三软件下载| www.225760.com-5亿彩下载官方| www.947945.com-特彩吧-| www.816722.com-吉林快三二十分钟| www.ur4.com-预知快三软件| www.071678.com-彩票实体店未来趋势| www.829420.com-福彩速查图表| www.151817.com-福利三分彩开奖结果| www.345101.com-大发彩票招商| www.450087.com-梦见彩票数字没中奖| www.549518.com-体彩能打4串1吗| www.013662.com-五分彩怎么玩不会输| www.209490.com-黑彩打票员怎么判| www.928012.com-福利彩开奖直播| www.66826.com-快三数据专家触屏版| www.13ne.com-辽彩12选5走势图| www.080518.com-彩8安卓版-| www.874646.com-武汉体彩兑奖地址|