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天

知道了
1分快三 www.206074.com-兼职刷彩票赚佣金| www.749652.com-306时时彩下载| www.453441.com-彩浜-| 大赢家彩票平台www.715025.com| www.721739.com-网上彩票破解| www.840649.com-烟草十彩票零售图片| www.957751.com-彩乐透官方网站| 幸运彩票www.444216.com| www.dx97.com-网络私彩代理判几年| www.65093.com-竞彩怎么发帖找客户| www.116118.cc-乐彩排三排五论坛| www.244711.com-内蒙福彩双色球| www.328892.com-时时彩开奖| www.924951.com-傲赢彩票在哪儿下| www.3187.win-手机彩票开奖源码| www.640051.com-22彩网-| www.872108.com-贵阳体彩中心在哪| 红旗彩票www.39957g.com| www.191068.com-快三中奖奖金怎么算| www.312977.com-体彩幸运号码| www.427739.com-体彩七星彩奖池余额| www.628262.com-赢家彩票是真的吗| www.821796.com-我附近的彩票店| www.975540.com-湖南福彩中心图片| www.sy29.cc-下载够力七星彩| www.82kn.com-秒速时时彩单双技巧| www.011039.com-网彩什么时候开售| www.1ti.com-福彩门户资料大全i| www.303322.com-7彩国际是不是假的| www.86175.com-搜索双彩论论坛| www.006000.com-体育彩票能中吗| www.r83.net-河北快三荐号| www.623630.com-陆慧明今日足彩推荐| www.708383.com-网上怎么买正规彩票| www.271714.com-快三看和值有啥规律| www.188245.com-购彩快三官网下载| www.cai6786.com河北省快三推荐号| www.xg81.com-体彩七星彩开奖结果| www.34kv.com-七星彩都礼拜几开奖| www.xy90.com-彩票截止前购买中奖| www.45xq.com-中博彩票可信吗| www.542.bid-七乐彩连线走和图| www.3688.vip-a3彩色复印机报价| www.112051.com-竞彩宝ios-| www.047818.com-教我买彩票-| www.5875.me-买彩票丢了-| www.588271.com-体彩排列3图谜| www.666093.com-航天彩虹参股| www.741813.com-南京福彩中心在哪里| www.813204.com-香港买彩金值多少钱| www.877862.com-福彩20选5-| www.937829.com-排列三预测彩票| www.981743.com-567彩票是真的吗| www.af4.com-河北体彩开奖| www.405786.com-金利丰彩票-| www.049055.com-精英彩票登录| www.977822.com-足彩去哪兑奖| www.76858.cc-安微快三夸度走势图| www.261261.com-中国竞彩网官方公告| www.235783.com-山东福彩群英会| www.432349.com-共享彩票下载安装| www.719021.com-彩虹的形成图| www.988538.com-18彩票软件-| www.31nm.com-彩虹下面歌词| www.55125.com-365彩票提现| www.641088.com-一生荣耀彩票| www.8380.pw-网投时时彩能赚钱吗| www.031650.com-福彩计划网站| www.443544.com-牛蛙彩票开奖查询| www.171017.com-上海快三中奖助手| www.db17.com-黑彩怎么坐庄| www.cai248.com-一分快三开奖号码| www.1if.com-福彩3d字谜85期| www.1609.top-雅玛吧彩票游戏| www.f08.top-七乐彩摇一摇选号| www.509115.com-彩16是否合法| www.7203.com-a7彩娱乐下载| www.62098.com-彩票查询双色球开奖| www.482681.com-手机版天下彩票网址| www.024486.com-福星彩的资料| www.875111.com-258竞彩足球官方| www.259948.com-京东金融怎么买彩票| www.490370.com-金口诀测彩详解| www.37251.com-俄罗斯皇家彩蛋| www.362557.com-描写雨后的彩虹作文| www.891140.com-幸运快三走势图表| www.957895.com-kc一分快三-| www.14fy.com-369彩app下载| www.927676.com-体育彩票买世界杯| www.29925.cc-江苏快三历史长龙| www.7458.vip-体彩店审批-| www.003761.com-雪绿园足彩比分直播| www.173671.com-快三哪个平台倍率高| www.358608.com-中国体育彩票目录| www.385568.com-pc国际彩票平台| www.8856.in-彩狮-| www.123463.com-七乐彩胆拖5拖4| www.234728.com-上海快三基本走势图| www.206922.com-福彩快3投注平台| www.364855.com-定胆奇准的彩票专栏| www.10yz.com-隔热彩钢瓦价格| www.6713.biz-111600开彩-| www.330666.com-马尼拉2分彩走势图| www.7375.biz-上海体彩申请条件| www.94nh.com-体育彩票流程| www.008223.com-下载星宇购彩| www.966906.com-3d预测彩吧网| www.434.online-93彩票app下载| www.851109.com-福彩快三讲座视频| www.920075.com-湖北快三彩票下载| www.133663.com-福彩3d彩图第一版| www.37261.com-今晚竞彩足球推荐| www.59an.com-中国体彩政策| www.2qd.com-彩票站买网络彩票| www.75nw.com-万通彩票平台| www.034633.com-nba彩票258-| www.026930.com-彩票工资车贴吧| www.599176.com-彩客彩票网站| www.84110.com-足彩14场如何买| www.99220.cc-时时彩最稳根几期| www.806640.com-大小骰宝彩票咋玩| www.887376.com-下彩彩票官网下载| www.js31.cc-王者彩票能赚钱吗| www.w12.com-网络诈骗买彩票| www.38jk.com-积石山彩陶王简介| www.878963.com-幸运二分彩-| www.04736.cc-中国体彩3d走势图| www.64557.com-全国彩色纸箱厂品牌| www.281610.com-时时彩9码-| www.004763.com-今日福彩开奖号| www.9188.top-星期六开奖彩票彩种| www.125728.com-怎样更新网易彩票| www.241601.com-快三和值表下载| www.309959.com-体育彩票多久过期| www.384618.com-澳客彩票pc-| www.475062.com-免费抢红包彩票| www.669582.com-实名制购彩票的规定| www.yf77.com-江苏福彩十五选五| www.918940.com-时时彩全天计稳| www.956380.com-最新彩票软件| www.ch43.com-幸运快三下载app| www.006474.com-好彩1871薄荷烟| www.885165.com-彩票分起投-| www.ly3.cc-快三玩法中奖金多少| www.43jv.com-上海招聘足彩分析师| www.571267.com-中彩网双色球3d| www.637023.com-华为彩虹电量教程| www.757776.com-福彩遗漏号助手| www.279225.com-福彩网秒秒彩| www.030764.com-微信骗你买彩票| www.067580.com-搭建一个时时彩平台| www.1991.la-火星彩票靠谱吗| 彩票坊www.476669.com| www.fo19.com-浙江体彩网20选5| www.65149.com-福彩双色球诗迷汇总| www.387539.com-幸运5分彩计划软件| www.8310.com-福彩福利彩票软件| www.74ee.com-机选福彩排列7| www.3189.vip-福彩往期中奖号码| www.9465.shop-美国有哪些彩票| www.49703.com-皇冠足彩app下载| www.83844.cc-彩75平台怎么样| www.30lj.com-福彩昨天出奖号| www.0392.tv-777彩票在哪里|