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.237441.com-足彩竞彩网首页| www.391704.com-tt快三注册-| www.583426.com-彩票趋势图怎么看| www.667475.com-体彩扑克三开奖结果| www.755712.com-福彩3d幸运鑫推荐| www.874517.com-大乐透彩票中奖查询| www.962400.com-旺旺彩票官网| 幸运彩票www.852699.com| www.lz55.cc-摩羯足彩app| www.t67.top-app118彩票-| www.60zw.cc-口袋彩店app官网| www.1138.in-竞彩比赛取消| www.05600.com-天天中彩票官方下载| www.55943.com-福彩3d开奖日期| www.008408.com-钢琴更多精彩小视频| www.088665.com-黑龙江福利彩票官方| www.165702.com-彩名堂网站-| www.308178.com-淘宝可以买彩票吗| www.388007.com-分分彩公式怎么算| www.529672.com-福彩双色球大师下载| www.622363.com-收到快彩助手验证码| www.702788.cc-彩宝知名品牌| www.788405.com-足彩19041彩果| www.869938.com-彩票开奖查寻| www.972419.com-娘娘彩铅画-| www.mi8.cc-吉林体彩11选5| www.rr85.com-七星彩三字定| www.15ma.com-因彩礼钱分手值得吗| www.200.me-儿彩铅画图片大全集| www.647835.com-福彩三d今天金马| www.781119.com-彩票赢钱20-| www.882636.com-易彩堂是不是真的| 爱购彩票www.335240.com| www.mt07.com-速彩网大发快3| www.03vq.com-用彩铅画动漫少女| www.80oz.com-彩客竞猜彩票手机版| www.2288.me-竞彩篮球大小分计划| www.8612.cm-彩神计划手机版苹果| www.79615.com-彩票网站代理加盟| www.042030.com-彩票店宣传语图片| www.145062.com-注册送彩金18| www.238518.com-吉林快三购买| www.321177.cc-透视彩票眼镜| www.396237.com-彩票交税计算器| www.547900.com-七星彩粤海局王奖表| www.636522.com-彩虹4b无人机价格| www.731154.com-足球唯彩看球| www.809798.com-头彩网官网下载安装| www.886514.com-海南四码彩票兑奖| www.979134.com-好彩黑绿爆珠港版| www.lk48.com-爱彩票app下载| www.n10.me-网上买彩票正规平台| www.48nr.com-彩73官方下载| www.949.in-北京长乐快三| www.8149.org-爱彩彩票是骗人的吗| www.31773.cc-胜负彩必发指数| www.77255.com-买彩票好难中吗| www.027854.com-彩票十一选五济南| www.105219.com-大发快三邀请码注册| www.175717.com-快三中奖助手苹果版| www.318151.com-博彩成语-| www.389288.com-七乐彩预测分析专区| www.526775.com-时时彩固定5码| www.610936.com-武汉竞彩快三查询| www.687014.com-彩票中大奖的人生| www.768660.com-好彩票a-| www.875867.com-彩票大数据彩经网| www.959333.com-送彩金的彩票软件| 凤凰彩票www.88266r.com| www.gm88.cc-大发快三怎么倍投| www.yb52.com-今天时时彩开奖号码| www.20nl.com-阜阳彩票冒领案| www.943.mobi-体彩足球世界杯玩法| www.7654.cc-体彩logo含义| www.26296.cc-彩吧论坛下载安装| www.71171.com-福彩网注册-| www.056962.com-七星彩怎么算单双头| www.136098.com-体彩竞猜玩法| www.214599.com-开彩票店赚钱吗| www.287279.com-彩票开奖调用| www.391354.com-讯彩票-| www.513256.com-爱购彩计划网页| www.585059.com-江北好彩酒楼| www.657495.com-易彩登录福地| www.767360.com-安徽福彩开奖查询| www.855061.com-深圳市福彩中心地址| www.921560.com-彩神辅助器-| www.978914.com-体彩足球竞猜| www.fp03.com-一分快三开奖| www.wr03.com-91彩神做代理| www.13of.com-大星体彩福彩走势图| www.83fs.com-3d彩吧网库-| www.1835.in-老彩民高手论坛1| www.03838.cc-彩票买哪个比较好| www.46677.cc-三彩官方旗舰店| www.89185.com-盈彩客服-| www.044647.com-一份外卖送给彩票| www.157567.com-竞彩足球信息| www.239739.com-大发快三开奖结果| www.312711.com-江苏快三带单高手| www.386167.com-体彩开奖号吗| www.526995.com-时时彩个位三码定位| www.606956.com-天津体彩七星彩| www.677105.com-牛挂彩票-| www.751159.com-彩巴士-| www.813757.com-海南快三真的假的| www.881697.com-258彩票平台| www.990284.com-多乐彩票预算| www.cp4678.com-江苏快三大小计划网| www.lw48.com-五分快三怎么玩稳赚| www.g49.cc-彩经网排三新版| www.31ti.com-乐盈彩票注册| www.0451.com-怎么弄网址平台彩票| www.6619.top-福彩中5000万| www.16416.cc-彩客网什么时候能买| www.56592.cc-邯郸体彩中心电话| www.98258.cc-竞彩篮球网彩| www.056519.com-安徽省彩票兑奖中心| www.233142.com-今日新彩网首页| www.301494.com-特区彩票论坛交流区| www.365947.cc-彩铅不好叠加颜色| www.446656.com-免费彩票软件平台| www.530096.com-乐游彩票正规吗| www.653883.com-奔腾彩票平台提现| www.732571.com-女孩订婚换彩礼钱| www.802425.com-彩票站外兑-| www.871651.com-手机足彩缩水软件| www.956256.com-最新彩彩票-| 购彩网www.913gc.com| www.cc23.com-福彩快开彩走势图| www.sh98.cc-彩票96期-| www.13is.com-中免绿好彩薄荷| www.74fp.com-彩票刷流水单违法吗| www.0905.org-彩票跟单平台| www.8389.xyz-足球彩票储备分析师| www.34199.cc-保定市福彩中心电话| www.74459.com-七乐彩6等奖多少钱| www.022949.com-侯乐购彩专栏| www.087712.com-竞彩之家app新版| www.143733.com-体彩分析预测软件| www.212168.com-159彩票网-| www.275776.com-极速时时彩是谁开奖| www.423904.com-彩77手机登陆| www.513383.com-今晚七乐彩开奖号| www.574011.com-银行积分兑换彩票| www.636388.cc-彩虹无人机是哪国的| www.745962.com-湖北福彩app官方| www.806732.com-永恒彩票-| www.885360.com-体彩屋购票大厅| www.977559.com-瑞彩网彩票-| www.hl5.com-1分快3送彩金| www.mi66.com-好彩app官网下载| www.p80.cn-万达彩票娱乐| www.36di.com-七星彩大浪爱彩| www.836.red-东方彩彩票-| www.4002.org-奥门彩票-| www.8738.vip-双彩球开奨-| www.50208.com-幸运彩票注册送彩金| www.88315.com-春天彩票能提现吗| www.033499.com-彩站宝业主版| www.099095.com-中彩那天教案| www.151360.com-多乐彩十一选五官网| www.269355.com-三分彩骗局-| www.341877.com-福彩两天计划胆码|