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.278583.com-吉首快三秒电话| www.994431.com-彩票现场开奖| www.lk03.com-豪彩app网站| www.227179.com-幸运快三代买骗局| www.318329.com-永利彩票代理| www.398369.com-七星彩还未开的好| www.352696.com-彩票一等奖多久到账| www.8168.site-幸运之门彩票大乐透| www.114647.com-星光彩票最新网站| www.086846.com-福中彩票-| www.248800.com-南京快三开奖走势图| www.409977.com-鸿发彩票网没有客服| www.571963.com-竞彩大乐透-| www.704896.com-时时彩个位杀号计划| www.861118.cc-五分⑥和彩特| www.152032.com-彩750彩票-| www.62by.com-彩票100期-| www.293683.com-彩票南京-| www.xi79.com-49彩票平台好不| www.54286.com-一张彩票多少钱| www.682458.com-彩票龙虎和倍投稳赚| www.368817.com-57彩票注册-| www.046575.com-彩51网网站-| www.8889.pw-福利彩票法定代表人| www.67461.com-排列三新彩票| www.024589.com-体彩一定牛-| www.105033.com-好彩蓝莓柠檬爆珠| www.849310.com-篮球彩票吧百度贴吧| www.342725.com-南方双彩除3走势图| www.430502.com-永利彩票平台骗钱| www.522764.com-5位分分彩出牌规律| www.589094.com-南国七星彩票图版| www.658938.com-中国彩票是假的吧| www.033131.com-互联网彩票最新政策| www.544868.com-彩票开发告别死工资| www.585845.com-世界杯体彩中奖规则| www.365630.cc-吉林快三心得| www.454062.com-化妆品彩妆全套套装| www.881923.com-彩票诈骗帝王彩票| www.973842.com-彩票分析预测大师| www.cai7888.com极速快三稳赚| www.pr70.com-玩快三输了怎么办| www.2rr.com-开彩票室利润| www.578802.com-福利彩票315| www.666427.com-乐彩站是正规网站吗| www.016063.com-彩管家最新版| www.547733.com-滚球足彩软件哪个好| www.bq26.com-彩票网站哪个最正规| www.50tv.cc-下载彩票软件双色球| www.2578.biz-电信爱音乐彩铃退订| www.338402.com-彩票可以支付宝买么| www.669384.com-彩吧图彩神反面| www.052487.com-福彩3地跨度走势图| www.617055.com-白山市体彩中心电话| www.404090.com-体彩在哪个台开奖| www.8253.top-金龙彩票平台地址| www.7bs.com-中奖彩票赠与父母| www.26co.com-加盟福利彩票多少钱| www.4686.cm-计划员带着买彩票| www.636551.com-彩虹儿歌歌曲英语| www.792342.com-彩票拍照看中奖| www.872182.com-时彩五星独胆技巧| www.950401.com-百乐彩客户端| 大玩家彩票www.84499t.com| www.qx13.com-即开型彩票靠谱吗| www.42138.cc-老板打错彩票| www.049024.com-怎样能看中国体彩报| www.mv49.com-网易手游彩票| www.508901.com-体彩排列三藏机图谜| www.941135.com-中国体彩票图标| www.cp9826.com-彩票app下载| www.tj19.com-快3彩票怎么样| www.310153.com-体彩陕西11选5| www.389390.com-体彩店加盟费| www.226.me-彩票哪个平台能买| www.4960.in-澳游彩票-| www.03103.cc-幸运中彩票苹果版| www.345038.com-棋牌彩票搭建| www.443644.com-大盘娱乐福彩预测| www.9fe.com-河内5分彩网站| www.33388.com-双色球凤彩字谜| www.38921.cc-中彩的那一天| www.131092.com-太康县结婚彩礼| www.730507.com-新彩吧手机版字迷| www.204668.com-多乐彩票网站| www.709407.com-广州体彩大乐透领奖| www.884986.com-亿彩堂官网-| www.98df.com-蓝色炫彩壁纸| www.577577.cc-彩虹糖和mm豆的梗| www.cp5766.com-白岩松说彩票太假| www.752151.com-买彩票犯法吗| www.993219.com-什么样的彩票能挣钱| www.lr12.com-江苏快三投注网站| www.689179.com-七乐彩开奖重复过吗| www.543456.cc-彩吧彩报第三板| www.655300.com-海南七星彩怎么代理| www.793132.com-v8彩票合法吗| www.940897.com-台北快三全天计划| 大赢家彩票平台www.955474.com| www.83755.cc-合买彩票的好处| www.83gu.com-3d彩民乐精华图| www.5478.cm-如何拉人买彩票| www.695.me-美人鱼彩票怎么回事| www.6288.pw-福彩3d寻码图| www.873368.com-体育彩票7星彩| www.975184.com-福彩三d百度贴吧| www.035037.com-坤彩科技官网| www.315956.com-上海彩票店转让信息| www.324321.com-国乐彩平台-| www.703092.com-爱彩乐12选5| www.815610.com-福彩3d图表工具| www.3886.in-彩金和黄金哪个值钱| www.40405.cc-今晚开彩票吗| www.006169.com-好彩26选2-| www.698128.com-极速时时彩技巧稳赚| www.945120.com-福建省福利彩票开奖| 18W彩票www.309135.com| www.158094.com-佬牛足彩18085| www.7097.vip-七彩阳光教育怎么样| www.231877.com-安徽快三精准预测| www.686604.com-四年级课文中彩那天| www.719804.com-有人带我玩七星彩| www.866690.com-福利彩开奖号| 500彩票www.50051j.com| www.326980.com-买彩票什么叫屠龙| www.464671.com-六开彩开什么| www.638267.com-创意色彩图片| www.37087.cc-彩票天天-| www.200625.cc-腾讯彩票客户端下载| www.296363.com-彩专家人工计划大牛| www.430299.com-双色彩票怎么买| www.522328.com-多乐彩怎么玩法| www.626623.com-时时彩三胆技巧| www.730907.com-新快三综合走势| www.872422.com-快三长龙最多多少期| www.973921.com-分分快三输钱| www.td0.com-安徽快三稳赚技巧| www.92vg.com-网上投彩哪个网站好| www.10310.cc-500彩票网竞彩| www.254999.com-61彩票app-| www.366908.com-中国福彩75期| www.451212.com-福彩幸运彩倾家荡产| www.554405.com-彩之云彩富宝| www.605043.com-快三怎么拿盘| www.673190.com-足彩在线缩水软件| www.13077.cc-浏览器合发彩票平台| www.946300.com-体彩18218期| www.w53.net-足彩让球详解| www.65fr.com-今日丫头说彩| www.1450.com-用彩色铅笔画画简单| www.22784.cc-大型的彩票软件| www.91631.com-墨西哥好彩香烟| www.773394.com-彩论坛-| www.lx9.com-甘肃快三跨度走势| www.tt71.com-足球彩票店app| www.2452.top-荆州彩票中奖名单| www.8426.cc-福彩3d24和值| www.37386.com-购彩网658835| www.254870.com-彩票开奖查询大乐透| www.331946.com-凤凰彩票有几个| www.00399.com-华彩赢家是骗局吗| www.821139.com-福彩3d大兵全版| www.58568.cc-手机中彩网安全吗| www.78.net-易发彩app-|