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.164198.com-今日篮彩专家推荐| www.302991.com-博彩展-| www.387963.com-华彩音乐术语| www.556090.com-新三国精彩打斗视频| www.633336.cc-竞彩篮球中奖概率| www.703490.com-株洲市福彩管理中心| www.788756.com-竞彩盈亏和必发盈亏| www.870229.com-彩之云骗局-| www.934935.com-福彩机连接电视口| www.994870.com-中福快三输死人了| www.ae98.com-福彩快三上海开奖| www.qx34.com-分分快三如何破解| www.13rk.com-山东彩票应用下载| www.88sw.com-彩票开奖源去哪买| www.4004.biz-澳门官方彩票| www.9243.wang-重庆彩个位盈利计划| www.40776.com-一号店彩票登录| www.88945.cc-皇帝彩票资金安全吗| www.051718.com-体彩金7乐-| www.356537.com-合伙买彩票中大奖| www.465737.com-5d彩超图片-| www.563814.com-福利彩票太湖之谜| www.631946.com-七彩云南是哪七彩| www.702788.cc-彩宝知名品牌| www.803130.com-彩圣网免费料| www.882497.com-重庆五分彩开奖| www.952441.com-k彩富民测速| 网易彩票www.065wy.com| www.av42.com-往期彩票-| www.wv39.com-七乐彩50期走势图| www.24nv.com-手机彩膜素材| www.1373.net-水彩画星空-| www.6819.biz-新浪彩票图表频道| www.17747.com-竞猜足彩胜平负推荐| www.59331.com-88彩票安卓-| www.004011.cc-快乐十分彩票软件| www.086350.com-凤凰彩票可以玩吗| www.150611.com-买彩票用哪个软件| www.224022.com-幸运快三倍投计划表| www.302357.com-福彩三d和值速查表| www.380074.com-手机可以购买彩票吗| www.480045.com-3d新浪彩票资讯| www.567101.com-彩虹儿童画图片大全| www.638731.com-800万彩票网站| www.966318.com-江苏快三倍投计划| www.cp08.com-新快三-| www.xr88.cc-彩票折叠算损坏吗| www.116674.com-福彩3d稳定和差| www.283583.com-七星彩中五个好| www.381602.com-本人玩时时彩5年| www.508266.com-水立方彩票平台| www.598399.com-重庆时彩时彩合买| www.ja36.com-中国福彩走势图| www.44wx.cc-彩虹3无人机单价| www.501336.com-今六给彩开奖结果l| www.188443.com-彩票术语大全| www.293643.com-青岛体育彩票站点| www.405583.com-豫彩通助手-| www.679515.com-新浪彩票网站下截| www.773079.com-体育彩票新报价图片| www.0092.cc-买彩票用什么名字好| www.803727.com-彩票开奖公告大全1| www.3323.cc-978彩票可靠吗| www.003639.com-彩之源网页-| www.859458.com-彩民心水家-| www.567124.com-中彩网论坛社区| www.75373.cc-有没有买彩票发财的| www.918114.com-3d彩票鬼六神算| www.956223.com-新彩网手机板| www.10kg.com-网上彩票作假视频| www.984452.com-彩运网网址-| www.335996.com-境外黑彩-| www.559520.com-七星彩众彩网专家| www.88814.com-连中彩票官方网站| www.843468.com-中国体彩公益口号| www.635501.com-博彩有规律吗| www.933932.com-彩票电子报纸| www.ob24.com-易彩2.0下载安装| www.563131.com-福彩双色球网上能买| www.753194.com-9d彩票app下载| www.888047.com-104彩票-| www.59448.com-彩铅画星空教程| www.970778.com-在手机上买彩票| www.371835.com-彩票369网站| www.ud62.com-大发快三做代理| www.50mc.com-足彩技巧必胜诀窍| www.1440.vip-8888彩票-| www.008941.com-七星彩彩版互换专区| www.143622.com-3的彩开奖-| www.313137.com-乐米彩票网页版| www.675205.com-彩经网双色球推荐号| 凤凰彩票www.77803s.com| www.881670.com-百姓彩票手机版下载| www.21977.cc-彩猫彩票-| www.866188.com-腾讯彩票ios| www.31100.com-彩尊app打不开了| www.995706.com-竞彩赚钱-| www.lg13.com-彩票界-| www.65sz.com-足彩竞彩十四场| www.84om.com-快乐5分彩犯法吗| www.20834.cc-腾讯分分彩出现漏洞| www.406884.com-最新彩票排第一网站| www.jf1.cc-中福快三是正规的吗| www.3680.vip-万彩吧6-| www.601741.com-福彩5分快3计划| www.976548.com-七乐彩复式玩法| www.735099.com-双色球专家说彩视频| 中彩网www.61233j.com| www.128724.com-下载卓易彩票| www.6372.xyz-胜负彩媒体预测| www.376.cn-彩票代理怎么盈利| www.269018.com-超彩票-| www.261663.com-时时彩五星胆码技巧| www.717973.com-彩民周刊彩民周刊| www.73556.cc-彩飘彩票app| www.636668.cc-重庆十字彩开奖结果| www.254181.com-福彩自助下载安装| www.440304.com-彩乐乐杀号彩票网| www.863091.com-胜负彩19051期| 500彩票网www.616097.com| www.686206.com-澳门彩票公司简介| www.93842.cc-足彩预测网易| www.26of.com-分分彩提前开奖网址| www.0199.vip-新利彩票走势图大全| www.04hv.com-足彩漏洞有哪些| www.nm55.com-快三缩水软件| www.699723.com-中国足彩电脑版首页| www.78198.com-彩票平台投诉电话| www.221365.cc-老重庆时时彩下载| www.915439.com-开彩票-| www.8209.cc-下载分分钟彩票| www.6222.date-秒到彩票-| www.180515.com-快三大小破解| www.664355.com-时时采彩五星走势图| www.15le.com-明星彩票app网址| www.732895.com-体育彩票19050| www.359639.com-七星彩一注多少| www.656493.com-香港博彩王-| www.191362.com-快三走势好坏怎么看| www.339723.com-新彩吧推荐号| www.093515.com-北京朝阳区体彩中心| www.666496.com-快乐彩票不给提现| www.6pn.com-计算彩票的公式| www.984534.com-福彩3d小蓝精灵a| www.0906.me-福彩网址导航| www.771882.com-秒速时时彩是假的| www.036926.com-竞彩足球全包稳赚| www.723153.com-彩9彩票合法吗| www.95545.com-天天中彩票不让提现| www.152621.com-旺彩社区3d-| www.919028.com-红快三开奖结果直播| 中国福利彩票www.08588s.com| www.71994.com-彩票彩猫-| www.yc34.com-体育彩票店几点开门| www.026531.com-电竞博彩违法吗| www.076721.com-福利彩票三d是机号| www.qk64.com-湖北福彩网快3| www.34067.com-55l25中国彩吧| www.690231.com-玛雅吧彩票游戏登陆| www.443653.com-七星彩票开个奖结果| www.587318.com-鸿福彩票诈骗| www.80803.com-腾讯旗下的彩票软件| www.586644.com-白菜送彩金大全网站| www.ie26.com-中国竞彩比分直播网|