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.85575.com-福利彩票有没有黑幕| www.280022.com-大发快三系统破解版| www.371563.com-中华神洗一支彩价格| www.480496.com-七乐彩设几个奖级| www.588934.com-承德市体彩中心地址| www.672309.com-全民彩票安卓下载| www.778555.com-体彩61开奖号码| www.879198.com-福体彩开奖结果公布| www.968188.com-宁夏体育彩票排列五| www.ro.com-中国福彩双色球玩法| www.417199.com-三分彩计划一码| www.98ol.com-曝光彩票黑平台| www.789370.com-彩妆加盟店排行榜| www.861283.com-河北快三怎么看号码| www.951716.com-彩票稳赚的买法| www.cai6969.com河南快三开奖号码| www.46xh.com-体育彩票过户流程| www.2943.org-福利彩票怎么算奖| www.ui74.com-福彩3d机选号码| www.gn8.cc-北京快三开奖结果查| www.707213.com-竞彩足球今日提点| www.274676.com-分分彩玩法-| www.399984.com-竟彩开奖查询| www.533443.com-福彩3d选胆图| www.281388.com-河内彩开奖号码记录| www.277256.com-彩票店发展2019| www.971866.com-头奖彩票网正规吗| www.cp303.com-下载吉林快三走势图| www.lt60.com-微彩合法吗-| www.970634.com-彩票团队群-| www.lf58.com-云购彩app下载| www.292222.com-体育彩票三位数| www.057502.com-宝马彩票客户端下载| www.594131.com-今曰说法失控的黑彩| www.680542.com-百乐门彩票能挣钱吗| www.768291.com-幸运彩票3132| www.858639.com-看看福彩开奖| www.930210.com-篮球彩票胜负怎么玩| www.982480.com-吉林快三摇奖现场| www.04ny.com-风景画简笔画带彩铅| www.90pf.com-福彩怎么看几等奖| www.137495.com-双色球预测易彩网| www.xn13.com-海南时时彩开奖查询| www.41hb.com-体彩春节放假时间| www.744.mobi-时时彩和值怎么看| www.056512.com-高频彩票平台在海外| www.166244.com-快三破解器开挂| www.298591.com-彩神全能版-| www.392949.com-眼睛手绘图片彩铅画| www.065846.com-私彩大平台排行榜| www.802015.com-今天福彩开奖吗| www.234183.com-7168彩票app| www.55112.com-智赢竞彩-| www.3144.cm-57彩票开奖结果| www.35zx.com-彩绘网-| www.72365.com-云南省福彩网| www.071737.com-玩体彩能赚钱吗| www.172967.com-湖北快三结果| www.303367.com-七彩汇下载链接| www.719840.com-七星彩怎么找规律| www.568056.com-快乐彩票三黑网站| www.873.live-网上彩票那个软件好| www.038996.com-天下彩票藏宝阁| www.102508.com-彩票132网页版| www.228400.com-500万彩票网站| www.312999.com-鑫彩彩票平台真假的| www.518107.com-七星彩五行分布| www.016476.com-河北快三今天41期| www.011059.com-腾讯时时彩彩票| www.690087.com-福彩中彩网擂台赛| www.793590.com-体育彩票赌-| www.870467.com-彩票投注app开发| www.961761.com-福彩3d各类和值谜| 中彩网www.91233q.com| www.489678.com-7乐彩开奖8个号| www.4389.biz-中国福利彩票湖南| www.1147.website彩色熊猫币-| www.858928.com-今日福彩体彩开奖号| www.923499.com-彩票店主吃票怎么判| www.980085.com-内蒙福彩块3推荐号| www.cp818.com-快彩下载安装| www.48iy.com-博彩冻结账号能恢复| www.123416.cc-全民中彩票官网| www.250571.com-中彩彩票怎么赚钱| www.479306.com-快99彩票-| www.603661.com-梦见自己买彩票| www.711274.com-网易足彩分析预测| www.824420.com-郑州市福彩中心地址| www.929311.com-七星彩152-| 500彩票www.50788j.com| www.128444.com-一分快三ios下载| www.300031.com-福彩快三是怎么回事| www.508228.com-大乐透两元彩票网| www.628400.com-557彩票邀请码| www.744385.com-9万彩票手机网页版| www.878979.com-体育彩票奖池金额| www.982138.com-577彩票提款不了| www.nv48.com-福彩图库-| www.32621.cc-58彩票下载安装旧| www.92785.com-飞翔竞彩诈骗| www.055420.com-好听的彩票店名字| www.273467.com-富人不买彩票| www.261273.com-彩票vip系统查询| www.220593.com-k彩下载app-| www.4398.in-有什么彩票计划软件| www.465866.com-福彩3d今天字谜图| www.572485.com-678彩票官网下载| www.661084.com-彩票大集合-| www.733744.com-篮球体彩开奖时间| www.802322.com-精彩大片播放器下载| www.337756.com-白菜大全免费送彩金| www.317563.com-福利彩票提前开奖| www.23416.com-韩国一点五分彩开奖| www.56yh.com-竞彩足球二选一攻略| www.183818.com-宁夏福彩快3| www.835011.com-焕彩桌面免费版| www.901147.com-什么彩票数字是两位| www.956839.com-七彩神仙论坛| 网易彩票www.07163m.com| www.14422.com-体彩虚拟足球开奖| www.04ky.com-彩铅人物脸-| www.792531.com-彩6精华版网址| www.658429.com-百宝彩机顶盒| www.762849.com-特彩吧高手网齐中彩| www.838599.com-广西快三骗局揭秘| www.948129.com-南昌福彩兑奖中心| 易彩网www.12455q.com| www.28he.com-易中彩票网骗局揭秘| www.043250.com-极速时时彩平台| www.036733.com-彩票游戏软件大全| www.83vj.com-江苏快三教学视频| www.05zy.com-3g彩票导航-| www.53495.com-希腊10分彩开奖| www.00vd.com-现在什么彩票最热门| www.300061.cc-彩票分分快三app| www.385354.com-体彩11选五结果| www.588781.com-关于808福彩| www.669426.com-彩神pk10计划| www.751627.com-中奖彩票丢了怎么办| www.585708.com-期乐彩走试图| www.657514.com-亿彩网怎么下载| www.2959.cc-体彩标准店-| www.060084.com-福建福彩快三一定牛| www.775503.com-中彩网詹天佑3d| www.882328.com-易彩国际靠谱吗| www.948381.com-自助彩票机-| 福利彩票www.78700h.com| www.973417.com-彩虹宝宝新版| www.aq84.com-大发快三下载| www.gp00.com-七乐彩中奖图| www.972884.com-陈赫中奖彩票被调| www.069598.com-亚上彩登陆-| www.473.win-快三是如何开奖的| www.3539.cc-彩民周刊何明七乐彩| www.ao9.cc-网络彩票带赚套路| www.153829.com-快三改规则-| www.239501.com-七天彩app-| www.160179.com-重庆时彩投注大厅| www.234075.com-银川福彩转让| www.869595.com-下载旧版够力七星彩| www.088732.com-福彩公益事业| www.401655.com-彩客站aqq-| www.766381.com-好运彩天中-| www.cv51.com-今日拼搏在线彩神通|