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.022975.com-打3d黑彩能挣钱吗| www.162771.com-快三的012路| www.74ld.com-体育彩票开奖排列三| www.328589.com-彩界皇后-| www.474431.com-体彩领导被抓| www.188261.com-彩票快三平台| www.44nz.com-彩掌柜苹果版| www.2589.cn-彩票预算-| www.01598.com-米兜彩票哪家公司| www.58649.com-彩·663299-| www.086288.com-百盈彩票注册网站| www.340440.com-玄武彩票正规吗| www.29vy.com-春天的树图画彩铅画| www.1773.com-上海福彩基诺彩经网| www.855038.com-澳门天麟国际购彩| www.973693.com-体彩11选5有假吗| www.1572.wang-彩宝的宣传语| www.7359.loan-858彩网-| www.35662.cc-竞彩4串6什么意思| www.89238.cc-易旺彩票地址是多少| www.058846.com-3d福彩开奖时间| www.201530.com-广西体彩兑奖中心| www.pf76.com-2013彩票网-| www.32dm.com-彩虹画画-| www.1604.vip-福彩3d今晚预测| www.667697.com-香港球彩台大头| www.792517.com-国民彩票是赌博吗| www.69666.com-海南特区彩票| www.100212.com-106彩票注册| www.181931.com-福利彩票下载| www.255464.com-七乐彩复式玩法介绍| www.346466.com-元代红绿彩-| www.68cg.com-好多乐彩票-| www.4030.biz-大中华彩票网靠谱吗| www.850934.com-足彩14场复式计奖| www.957247.com-彩678网站-| 大赢家彩票平台www.703906.com| www.ni84.com-福建即乐彩玩法| www.17ft.com-彩票摇奖机出球原理| www.528.cm-澳门福彩开奖结果| www.723122.com-大资金彩票-| www.844971.com-5360彩票网-| www.911141.com-福彩公益活动| www.984421.com-福利彩票可以买什么| www.15vb.com-附近有体育彩票店| www.89qs.com-竞彩足球推荐专家| www.263581.com-众彩网双色球| www.448770.com-彩票开奖杳绚| www.158.cm-带彩虹的微信昵称| www.681776.com-体彩二维码扫码出票| www.802859.com-福彩字迷图迷迷语| www.888345.com-彩票快三投注| 8彩www.186126.com| www.ka52.com-新3d彩票计划| www.n63.cn-怎样买彩票会中大奖| www.52xq.com-福彩停止销售时间| www.yi5.com-快乐彩票app下载| www.uk21.com-彩票大赢家预测推荐| www.40qq.com-下截福彩彩票| www.7224.vip-七乐彩技巧大全| www.840664.com-彩妆培训-| www.949548.com-巨富彩票网-| 8号彩票www.60108t.com| www.jb56.com-辽宁省体彩兑奖地址| www.k66.org-上海快三软件真的吗| www.54gl.com-毕节福彩中心| www.716982.com-彩铅色彩搭配| www.835226.com-欧盟铁盒好彩| www.916658.com-博彩集团-| www.982444.com-时时彩计划方案| www.sg05.com-腾讯1分彩官网| www.18466.com-368彩票网站| www.94131.com-体彩对社会的贡献| www.526212.com-拉人玩时时彩诈骗| www.96755.cc-网络私彩破案近期| www.110838.com-98098彩票网| www.203235.com-皇冠彩app-| www.285358.com-福彩快3助手官网| www.462855.com-环球彩票网站网址| www.353617.com-彩票直播在线观看| www.506332.com-彩虹店铺助手| www.596392.com-怎么观察快三走势图| www.677159.com-彩色包装盒设计| www.761745.com-凤彩官方下载苹果| www.442347.com-银彩会-| www.582079.com-悟空彩票能提现吗| www.501983.com-体彩一共多少个数| www.616351.com-足彩三场两关怎么算| www.711720.com-玩彩哪个平台可靠| www.796404.com-上海体彩中心故障| www.880932.com-凤凰彩票兼职| www.cai5377.com长春快三高级玩法| www.nj34.com-广东红快三开奖结果| www.5xe.com-彩易博高手数据统计| www.881430.com-足彩小四-| www.965627.com-360彩票导航图表| www.uy9.cc-彩票查询开奖结果查| www.sn33.com-非法经营彩票案| www.847234.com-pc蛋蛋网投彩票| www.l62.net-彩票站发展趋势| www.85ox.com-西安市彩票号码| www.3467.cn-为什么彩票都会维护| www.no23.com-手机福彩自动选号| www.7bk.com-福彩3的八卦图| www.aa4.com-中国福彩中心官网| www.yp82.com-天津福彩时时彩玩法| www.847708.com-彩票双色球开奖| www.450372.com-彩票数字规律本期| www.583372.com-078彩票软件下载| www.673357.com-查一下彩票-| www.752114.com-中彩情报-| www.352985.com-天彩翼飞1639| www.501797.com-易彩乐被骗-| www.587654.com-竞彩范德彪-| www.663945.com-购买nba的彩票| www.737725.com-查吉林体彩-| www.812117.com-河北竞彩玩法介绍| www.887091.com-玩彩票网充值36元| www.cp0999.com-甘肃快三计划网页版| www.js58.com-玩北京快三稳赚技巧| www.e48.com-nao123彩票-| www.22jt.com-福彩内部员工电话| www.981435.com-足彩任九中奖| www.nu06.com-胜彩网站-| www.9ll.cc-快三预警软件下载| www.657325.com-游戏机彩票攻略| www.794299.com-买福彩算赌博吗| www.235854.com-微彩彩票合法吗| www.343618.com-网上彩票赚钱软件| www.48nr.com-彩73官方下载| www.1349.me-蓝精灵彩报b版| www.33182.cc-福彩牛彩网一| www.77635.cc-福利彩票最近开奖| www.027893.com-棒棒彩票大发| www.101982.com-体育彩票中心| www.170298.com-彩票开奖河南快三| www.302021.com-体彩19095-| www.371785.com-赢天下彩票正规吗| www.461457.com-彩垫宝彩票app| www.544756.com-足彩六场半全场投注| www.734797.com-三合开彩-| www.805608.com-月季手绘彩铅| www.866518.com-快三高手下注| www.929897.com-七星彩但杀-| www.984306.com-官方时时彩网投平台| www.jy77.com-七星彩的诀窍| www.d84.cc-996彩票下载安装| www.505985.com-奔驰彩票手机app| www.598988.com-中彩网糖果视频分析| www.38636.cc-彩运宝下载安装| www.99351.cc-首页了365竞彩| www.081901.com-七星彩中三个号不连| www.jy6.com-大发快三高手怎么玩| www.ur16.com-3d彩吧论坛图库| www.177084.com-福建快三开奖遗漏| www.252260.com-快三违法吗-| www.318453.com-南昌彩票-| www.962554.com-全网中彩票计划| 大赢家彩票平台www.210639.com| www.gd45.com-中国的彩票种类玩法| www.ts30.com-彩票合买大厅下载| www.0bc.cc-足彩推手-| www.161805.com-今日头条彩票| www.947487.com-玩3d彩票什么网站|