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天

知道了
亚洲28 www.797773.com-多乐宝时时彩代理| www.676644.com-百度彩票开奖号| www.766650.com-湖南体彩网官方网站| www.886479.com-网上购彩网站| www.980607.com-一定要牛彩票| www.mh14.com-玩好彩有人赢到钱吗| www.122904.com-中彩彩票挂机| www.673758.com-85彩-| www.595063.com-彩域传奇专家专栏| www.354221.com-中2亿福利彩票| www.72755.com-c58彩票下载| www.7099.biz-建盏如何烧出七彩| www.37800.com-彩票管理条例实施| www.817630.com-香港快三多久开一次| www.933219.com-宝马彩票下载网站| www.993815.com-足彩是怎么个玩法| www.di51.com-青海快三今天推荐号| www.627566.com-彩1平台是黑平台呢| www.764553.com-玩彩六点半-| www.861422.com-赢彩开机号-| www.nj75.com-365足彩网-| www.375513.com-体彩开奖频道几台| www.95ud.com-福彩通有风险吗| www.010093.com-体彩手机在线大管家| 亿博彩票www.65yb.com| www.654724.com-福彩代销证怎么办理| www.042477.com-福利彩票经典广告语| www.145710.com-惟博彩票游戏的网址| www.234506.com-福彩山地条件预测| www.324639.com-幸运时时彩计划网站| www.963917.com-卖体彩引流-| www.cai4966.com甘肃福彩快3开奖号| www.522216.com-乐享彩票app下载| www.992308.com-福彩预测双色球| www.kt33.com-七天彩骗局-| www.41md.com-鸿鸿运来彩票网| www.bt21.com-福彩双色球快3玩法| www.19fh.com-福利彩票第27期| www.5101.vip-33彩票快艇计划网| www.821181.com-福彩刮刮乐领奖流程| www.949770.com-8炫彩即开型怎么玩| www.86400.com-怎么查彩票开奖结果| www.lk06.com-彩中彩是什么平台| www.16hv.com-秦皇岛福彩-| www.345816.com-福彩布衣-| www.458808.com-大彩鯨-| www.563252.com-福中彩奥门新萄京| www.237274.com-凤凰vip彩票下载| www.603655.com-彩票代打什么意思| www.831701.com-c85彩票-| www.wq52.com-好彩票网页版| www.874155.com-3d彩民乐树图| www.969364.com-酷彩吧是什么平台| www.am08.cc-鸿运彩票是黑平台吗| www.57sc.com-花呗可不可以买彩票| www.536053.com-彩票跟号能中奖吗| www.025632.com-网络彩票代理赚钱吗| www.5421.cc-体彩足球九场玩法| www.938035.com-双赢彩票网平台| www.cai3411.com福彩快三害死多少人| www.895957.com-快三大发qq群| www.977240.com-濮阳彩礼新规定| www.pu75.com-98彩票网输钱| www.095276.com-彩票平台论坛| www.327172.com-兴华彩票app| www.662286.com-体彩直播七星彩| www.432435.com-红利彩票平台网址| www.693202.com-福彩3d奖是多少| www.889013.com-彩票帮投单兼职| www.ot31.com-手机购彩安全吗| www.824.date-新浪彩票视频直播| www.28371.cc-彩票大乐透36期| www.087075.com-7125彩票下载| www.085079.com-彩票ios版-| www.596128.com-网易福彩开奖结果| www.672424.com-足彩彩票分析软件| www.751103.com-彩运8下载网址| www.102519.com-马来3分彩-| www.133367.com-彩钢瓦凹槽-| www.9488.loan-彩票专业选号器| www.52389.com-彩票怎么发展下线| www.028577.com-百姓彩票网的信息| www.93763.cc-福利彩票是什么单位| www.619911.com-怎样用奇门测彩| www.17as.com-球探彩票app下载| www.96152.cc-福彩与慈善工作结合| www.65600.com-福彩3字图迷汇总九| www.097583.com-彩票公益金提取比例| www.7049.cc-爱彩通软件怎么下载| www.27636.cc-爱彩乐11选5软件| www.86658.cc-七星彩走势图专业版| www.608523.com-派彩金额是什么| www.713797.com-福彩3的夏天开机号| www.738561.com-七天彩江苏快3| www.868948.com-七星彩是怎么买的| www.4358.org-彩票兑奖方法| www.466466.cc-福彩一周几次开奖| www.6752.biz-美国彩票开奖数据| www.38276.cc-555彩票之家| www.014396.com-大乐购彩票合法吗| www.123565.com-优乐彩信誉怎么样| www.231973.com-时时彩跨度定胆| www.336601.com-湖南福彩兑奖地点| www.443822.com-尼彩手机系统下载| www.561755.com-彩神计划账号| www.690261.com-足彩走势图怎么看| www.05kj.cc-体彩排列三两码遗漏| www.16926.com-玩彩票输钱了怎么办| www.623203.com-下载一个天天中彩吧| www.703361.com-胜利彩票怎么注册| www.772642.com-下载新浪彩票网| www.7111.net-盈彩彩票手机版下载| www.2128.in-多彩贵州网招聘吧| www.818497.com-彩神通每日快报| www.72427.com-彩29彩票安卓下载| www.270052.com-7072彩票app| www.03360.com-今日彩票另一个版本| www.w10.xyz-赤打体彩术语| www.41nt.com-中大奖彩票app| www.97vq.com-福彩中奖新闻真假| www.748669.com-彩51提现不了| www.820746.com-金乡福利彩票机构| www.899179.com-彩神通会员是真的吗| www.963613.com-彩铅风景画教程| 吉利彩票www.80075q.com| www.499541.com-51彩票网软件下载| www.570929.com-福彩3d机开号码| www.5840.vip-玖壹彩票官方网| www.882845.com-棒棒彩票怎么样| www.910103.com-棒彩坛万人高手社区| www.401859.com-七星彩91b-| www.33dd.com-幸运飞艇彩票软件| www.4247.top-优乐彩是正规的吗| www.4781.vip-梦想彩票提现| www.9994.cm-万彩办公室大师安卓| www.980614.com-手机玩彩票输| www.1322.com-乐彩33是正规的么| www.731920.com-北京百姓彩票网站| www.832650.com-彩票假中奖生成| www.907307.com-够力七星彩奖表安装| www.977631.com-世界杯足彩分析| www.ry32.com-乐盈彩票是个坑| www.9qt.com-怎么买体育彩票流程| www.72xi.com-大中华彩票很黑吗| www.2449.vip-香港二分彩走势| www.9222.net-家彩论坛杀码| www.426644.com-体彩排列三布衣精华| www.910793.com-山东快三-| www.022248.com-温州彩票中奖过期| www.995403.com-北京彩票巨奖| www.065400.com-彩票app破解取钱| www.7623.cc-安卓怎么装九万彩票| www.9226.online够力匕星彩票奖表| www.983332.com-竞彩足球软件下载| www.124.biz-彩22大发快三| www.53pr.com-彩票中奖者的经验| www.3023.cn-体彩排列三荐号| www.87769.cc-七星彩票的骗人方法| www.485183.com-青蛭彩票开奖现场| www.916785.com-守信彩票网页版| www.cai0155.com安徽快三开奖结果| www.7615.top-天天盈彩-| www.70691.com-一品彩票网-| www.47078.com-秒速时时彩大小计划|