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.365595.cc-广东体彩兑奖规定| www.019223.com-贵阳彩票-| www.100181.com-中奖吧彩票app| www.202890.com-彩票坊注册-| www.219722.com-广西快三预测开奖| www.403837.com-双色球彩票骗局揭秘| www.737175.com-众彩网首页电脑版| www.267315.com-足彩19045期| www.426126.com-五福彩彩票网站| www.724843.com-买彩票就是赌博| www.884024.com-乐彩网福彩3b预测| www.fi56.com-注册送19彩票| www.95639.com-彩票十五先五| www.202691.com-福彩快三一定牛| www.460083.com-扑克彩票机的漏洞| www.691672.com-澳客胜负彩必发指数| www.bu87.com-大发快三出龙的规律| www.555415.cc-体育彩票十二生肖| www.718128.com-彩庫寶典ios| www.868966.com-今天福彩3d开机号| 500彩票www.66653v.com| www.837322.com-怎么找竞彩客户端| www.971866.com-头奖彩票网正规吗| www.jk25.com-河北快三和值推荐| www.02av.com-福彩开机号三十期| www.037.org-福利彩票3d2元网| www.092129.com-乐发彩票官网下载| www.717839.com-77彩票充值截图| www.cp557.com-彩票黑平台排名| www.65626.com-怎么对彩票双色球| www.6007.cn-6701彩票网下截| www.07uf.com-七星彩番外txt| www.1024.tv-傲赢彩票合法吗| www.9552.wang-海南彩票梦册网| www.71374.com-中国体彩500| www.478360.com-彩票兑软件-| www.i21.pw-酷彩吧app正规吗| www.579489.com-体彩排列三荐号| www.994030.com-凤凰彩票怎样稳赢| www.320753.com-百宝彩走势图下载| www.b33.xyz-彩票贵州快3走势图| www.100879.com-在手机上能买彩票吗| www.21575.cc-网络彩票合法的| www.029816.com-内蒙古快三和尾和值| www.712224.com-时时彩后二杀码思路| www.5kk.cc-刘军彩票视频| www.239361.com-快三是用什么控制的| www.456153.com-福利彩票背手| www.620068.com-下载中彩网走势图| www.6271.xyz-彩票澳门快三怎么玩| www.643876.com-中华彩票网的自频道| www.022003.com-大乐透彩票的规则| www.887478.com-釉下五彩瓷特点| www.429190.com-水彩画图片人物| www.319765.com-1228彩票网-| www.129370.com-3d牛彩图迷总汇图| www.421274.com-洛阳金手指足彩推荐| www.984938.com-彩运网网上登录| www.nd55.com-快彩中奖助手app| www.66vp.com-杏耀彩票是不是真的| www.23885.com-彩票自动投注安卓| www.72314.com-精彩视频免费观看| www.147873.com-财神彩票提现快吗| www.303779.com-鑫彩国际彩票怎么样| www.886233.com-掌舵者彩票群| www.971236.com-彩皇网手机版| 彩69www.974674.com| www.025524.com-大发彩票骗局| www.188657.com-快三屠龙与砍龙| www.140072.com-彩票站可以投诉么| www.225228.com-手机可以投注彩票吗| www.303503.com-南粤好彩三开奖奖金| www.11353.cc-麒麟竞彩官网| www.03986.com-豪彩彩票-| www.830508.com-手机查询彩票的软件| www.940319.com-老时时采彩开奖记录| www.cai35.cc-湖北精彩十分走势图| www.xp60.com-体彩11选5小助手| www.647135.com-足彩14场投注攻略| www.790260.com-炫彩含义-| www.900597.com-粤淘彩票下载| www.1883.org-福彩机器人在哪里买| www.48362.cc-可以竞彩足球的软件| www.033848.com-凤凰彩票赛车开奖| www.127416.com-竞彩让球胜平负数据| www.768962.com-苹果足球彩票app| www.875943.com-省份快三是什么彩票| www.968310.cc-时时彩诈骗报案流程| 彩票站www.316530.com| www.fh05.cc-208彩票-| www.253509.com-时时彩玩法介绍图| www.402110.com-七星彩百万号杀号| www.548633.com-中彩华南致富| www.646392.com-竞彩足球稳赢技巧| www.759193.com-海南七星彩论坛规律| www.873162.com-彩经网广西快三| www.066966.com-甘肃快三和值彩经网| www.09505.com-三分彩在线计划软件| www.ia79.com-彩票坊被骗-| www.8339.com-金师彩票一秒开| www.678642.com-彩票注册即送彩金| www.957300.com-广东体育彩票一定牛| www.cp1696.com-福彩快三十分钟| www.45097.com-彩票刷负盈利方法| www.717680.com-合肥体彩兑奖流程| www.793934.com-公务员允许买彩票吗| www.716977.com-彩铅调色-| www.872423.com-贵阳福彩中心地址| www.953094.com-吉林彩票投注平台| 天天彩票www.7782v.com| www.hs28.com-甘肃快三奖结果查询| www.6fs.cc-手机怎么投彩票| www.27398.cc-体彩实体店微信出票| www.u84.com-河北省体彩中心网| www.334110.com-体育彩票数字范围| www.403340.com-安装七星彩票下载| www.833522.com-3d通福彩软件下载| www.91gf.cc-万福彩票是黑网吗| www.5054.xyz-旺彩专家推荐号| www.356820.com-3个号码的彩票| www.575271.com-香港百彩网免费料k| www.681615.com-豪彩娱乐登陆地址6| www.767754.com-天猫彩票网-| www.856038.com-台北快三计划网址| www.952236.com-广东26选5好彩2| 凤凰彩票www.312012.com| www.xc03.cc-中彩娱乐充值骗局| www.13cp.com-伯乐彩票平台合法吗| www.851616.com-夺金三分彩计划软件| www.954204.com-体彩36选7玩法| 500彩票www.66653l.com| www.662083.com-彩视新版本-| www.749599.com-体彩app购彩| www.867393.com-体彩正版天庚图谜| www.532685.com-福彩申请条件衢州| www.52412.com-大玩家彩票兑换规则| www.021949.com-下载金冠彩票| www.102533.com-什么叫时彩-| www.33399.cc-工地彩钢围挡合同| www.1fp.cc-爱乐透彩票旧版下载| www.671302.com-万彩mac-| www.501828.com-logink彩-| www.567552.com-多彩贵州城门票| www.630198.com-北海的彩票专栏| www.736240.com-无极彩票apk| www.807161.com-废旧彩票折-| www.878277.com-彩票500开奖结果| www.16601.com-彩票可以跨店兑奖| www.103743.com-七乐彩机选2注| www.018075.com-幸运5星彩-| www.1597.cc-福彩老总贪了多少钱| www.648.me-易彩乐快三平台| www.7668.net-福彩双色球广告图片| www.947516.com-外围足彩滚球怎么玩| www.ea71.com-吉林快三靠谱平台| www.840398.com-海南结婚彩礼| www.083613.com-福彩贵州快3规则| www.16402.cc-竞彩合买跟单靠谱吗| www.29268.com-下载彩票365| www.d15.com-福彩3d彩票群| www.507363.com-亿彩江苏快三真的吗| www.886740.com-高频彩幕后-| www.984032.com-99彩票能不能玩| www.lp3.com-福彩快3群-|