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.311981.com-玩福彩三第输死了| www.87dl.com-大地彩票黑不黑| www.0854.me-福彩扫码验奖| www.19896.cc-趣客站时时彩| www.089885.com-百彩网免费猛料| www.876462.com-网上福利彩票去哪买| www.82ai.com-靠彩票赚钱-| www.588963.com-hk百彩网开奖资料| www.7713.cn-快三和值11可能| www.447110.cc-福彩男主持人广超| www.89by.cc-做梦梦见数字买彩票| www.352525.cc-如何举报黑彩票平台| 500彩票网www.611036.com| www.16qg.com-世爵国际重庆彩真假| www.658245.com-湖北电视购彩票| www.994953.com-体育竞彩足球让分| www.64wv.com-一分彩计划网| www.504439.com-生活不需要彩排| www.6fl.cc-彩票计划软件分分彩| www.638075.com-竞彩店合伙人| www.624062.com-快三三军怎么玩| www.754692.com-菲律宾信誉彩票网站| www.81858.com-如何努力都不中彩票| www.130127.com-福彩网的软件有哪些| www.172562.com-幸运快三彩票平台| www.z62.cc-彩神uⅴ-| www.125658.com-体彩排3预测| www.533930.com-今日7乐彩推荐号码| www.522692.com-天下赢彩票与你同行| www.634322.com-七彩建盏百科| www.963646.com-足彩直播比分直播| www.be95.com-网络彩票时时彩骗局| www.969117.com-打彩金违法吗| www.fi35.com-福齐天江苏快三推荐| www.511702.com-时时彩ios版下载| www.653843.com-江西快三提前开奖| www.258650.com-nba唯彩预测| www.183310.com-彩票倍投-| www.352261.com-彩票22是什么平台| www.992225.com-体彩一等奖在哪领奖| www.02gt.com-七色彩虹蛋糕的寓意| www.968264.com-天荣国际彩票与马云| www.4bv.com-三d福彩直播| www.92yx.cc-澳洲五分彩平台| www.089951.com-江苏快三最多连开| www.456999.cc-恒大时时彩不让登录| www.0838.date-支付宝足彩在哪里买| www.cai67.cc-内蒙快三-| www.635.xyz-广西体育彩票网站| www.713309.com-福彩3d和值数子表| www.568155.com-京彩软件-| www.083752.com-今日彩票今开奖结果| www.272963.com-七乐彩守号守哪些| www.498811.com-彩票动物总动员| www.872184.com-贵州彩票中奖排行榜| www.968486.com-彩民论坛网-| www.604563.com-彩神x能赚多少钱| www.785083.com-中华彩票平台| www.892572.com-有人知道彩票榜吗| www.5763.top-彩票二进制定位| www.247353.com-上海福彩集中账户| www.473337.com-极速时时彩一期计划| www.601165.com-有人带你玩彩票| www.754007.com-搜狗彩票平台网址| www.525055.com-天下彩网址c49| www.654175.com-福利彩票体彩大乐透| www.779286.com-圣地彩官网开奖结果| www.280278.com-时时彩不开奖怎么办| www.860120.com-彩票大乐透| www.965460.com-78彩票是什么| www.3156.xyz-玩彩赚钱-| www.095131.com-今日福彩3d双彩图| www.2471.pw-好彩网首页下载| www.8795.biz-足彩智能分析| www.36983.com-湖南彩体育彩票| www.180585.com-快三彩票计划软件| www.66936.cc-一注彩票提成多少| www.465247.com-彩票怎么玩才不会亏| www.633103.com-篮球彩票是否有规律| www.017757.com-手机彩票投注官网| www.88957.com-篮球彩票在哪里买| www.907302.com-江西快三营业时间| www.bt16.com-腾讯5分彩走势| www.924.mobi-彩票代售点利润| www.ji22.com-发彩网网站多少| www.z96.cc-彩票国际信誉大平台| www.r36.online-高频彩吧-| www.64td.com-买足彩哪个软件好| www.947928.com-体育彩票的种类| 818合彩www.www.8000hc.com| www.080996.com-競彩-| www.129129.com-彩票网极速-| www.620128.com-釉上彩图案-| www.79551.cc-福彩3d组六多少注| www.10278.com-体彩足球单关走势图| www.85228.cc-全国福彩3d预测| www.5138.com-乐彩网中彩网| www.265088.com-新昌双彩-| www.402983.com-买七星彩用什么软件| www.533489.com-现在哪个彩票最好| www.654289.com-搜索福彩3d走势图| www.732976.com-江苏体彩19036| www.836160.com-好彩一开什么号码| www.903284.com-彩票3d钱王-| www.978926.com-广西体彩网网页版| www.xp7.cc-3d彩吧图库第一版| www.th35.com-正彩彩票网站| www.921728.com-0664彩票网-| 七星乐www.535666e.com| www.00320.com-足彩加苹果版| www.61477.com-乐迷炫彩ios| www.024250.com-福利彩快三下载安装| www.100291.com-互联网福利彩票禁止| www.163999.com-nba体彩怎么买| www.233963.com-中彩网快三江苏| www.881750.com-万福彩票app| www.969966.com-高频彩龙虎走势图| 福利彩票www.99677r.com| www.824300.com-下载3d彩票图案| www.882990.com-彩票会中大奖吗| www.967341.com-正规彩票微信合买群| 吉利彩票www.80075k.com| www.398966.com-传奇彩票靠谱吗| www.509832.com-快三百家号-| www.573135.com-惠民彩票网址| www.060355.cc-私彩非法经营罪| www.b25.cn-重庆1分彩个位| www.941283.com-彩票套利要坐牢吗| www.682312.com-福彩3d出组三规律| www.366338.com-福利彩票23期| www.480023.com-彩票绝密算法| www.558667.com-大彩网首页-| www.621839.com-五福彩票怎么样| www.690286.com-竞彩足球比分投注| www.40kf.com-慧彩国际-| www.3073.biz-永盛彩票网怎么注册| www.262951.cc-福彩双色球百度贴吧| www.093868.com-福彩高频取消| www.165440.com-彩6季票在那买| www.931619.com-彩票老师带骗局吗| 如意彩票www.168339.com| www.ou97.com-时时彩倍投器| www.20rf.com-体彩16号开奖号| www.163.org-福利彩票领奖程序| www.4668.vip-长春溢彩洗浴坑人| www.791306.com-江苏快三推算和值| www.475002.com-快乐彩每天几点开始| www.287570.com-高手彩票预测荐号| www.416388.com-快三新魔图-| www.529223.com-热门彩票开奖网站| www.604455.com-在线查询彩票中奖| www.87hb.com-彩票招商号-| www.029815.com-利彩是合法的吗| www.929767.com-体彩足球竞彩玩法| www.343974.com-8848彩票官网| www.538355.com-中国彩票手机网大全| www.713143.com-千发彩票app下载| www.817233.com-福彩开奖查询| www.85021.com-3d彩圣字谜71期| www.092137.com-乐发彩票-| www.005345.com-大众彩票app| www.022540.com-吉林快三儿预测| www.026210.com-游戏代玩彩票兼职| www.282213.com-时时彩开奖走|