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.647656.com-吉林快三庄家输钱| 大赢家彩票平台www.976917.com| www.955276.com-网易五分彩必中| www.ji64.com-安徽快三有什么规律| www.542605.com-中囯彩吧更懂彩民| www.631289.com-k彩彩票网站合法吗| www.349448.com-怎么做彩票走势图| www.840902.com-总有人邀请玩彩票的| www.6865.vip-盈宝彩-| www.58563.cc-创彩网主页-| www.234929.com-福利彩票安卓下载| www.69964.com-盛世彩票app| www.73nl.com-彩票开奖去哪里兑奖| www.2212.top-微彩之家推荐号码| www.9283.vip-七乐彩奖金二等奖| www.38287.com-体彩能买双色球吗| www.096111.com-体彩推荐号码| www.177125.com-三分快三属于什么| www.96ms.com-哪个彩票送彩金| www.04jc.com-竞彩足球总进球| www.63286.com-许昌彩礼一般多少| www.019238.com-福利彩票双色球74| www.33051.com-全民彩票开奖结果| www.7819.biz-老彩民心得体会| www.47063.com-秒秒彩漏洞稳赚技巧| www.008091.com-彩票同期开奖号码| www.em16.com-大发快三的玩法技巧| www.wf62.com-幸运彩票官网| www.bf00.com-体彩第19017期| www.ui61.com-17500乐彩网| www.11wl.cc-菠萝彩官网-| www.289669.com-419cc彩票-| www.258745.com-足彩19039-| www.573598.com-福彩北京快乐8| www.960.cx-七星彩领奖流程| www.420208.com-彩票投资指南报| www.563708.com-彩票数字挑选算法| www.687057.com-中奖彩票丢了| www.786255.com-三彩家官网-| www.917528.com-甘肃快三表格图| 手机购彩www.569799.com| www.wr07.com-人人中彩票网| www.199985.com-体彩十一选五任选三| www.75nq.com-古建彩绘图案龙凤| www.735536.com-彩票分析师培训班| www.468969.com-3d乐彩网摘首页| www.579904.com-七星彩+开奖| www.563613.com-广东彩民守号中奖| www.650106.com-天津时时采彩开奖| www.778844.com-花猫3d彩报-| www.902511.com-彩票站怎么申请| www.992221.com-时时彩组选包胆规则| www.ji30.com-发彩网是真的吗| www.710173.com-有没有套彩金类似的| www.829068.com-梦见别人中彩票丢失| www.920322.com-389cc彩票下载| www.985923.com-彩票骗人-| www.cl09.com-百度北京快三开奖| www.533861.com-七乐彩中奖按顺序吗| www.128467.com-万彩吧更新升级| www.630266.com-胜负彩18151期| www.729445.com-彩票开奖大乐透详情| www.813411.com-粤淘彩是骗局揭秘| www.957289.com-一分时时彩自动投注| www.cr39.com-9彩官方app-| www.03os.com-彩票彩客官方端口| www.972440.com-卡通人物图片彩铅画| www.cp4949.com-上海福彩时时乐包胆| www.610328.com-秋天风景彩铅画图片| www.748949.com-6合开彩奖结果| www.888585.cc-6678彩票-| www.972936.com-6698彩票下载| www.dc02.com-彩票体彩预测| www.z70.club-谁有口袋彩票邀请码| www.308.site-彩票纠分案-| www.7728.net-四季彩app下载| www.52857.com-玩彩被黑了怎么办| www.33400.com-众乐彩app-| www.109029.com-彩票平台余额修改| www.290345.com-3d字谜双彩论坛| www.137006.cc-七彩是啥意思| www.537051.com-彩色算是颜色吗| www.960815.com-彩票送19手机版| www.834812.com-好彩爆珠4mix| www.608478.com-高频彩吧导航| www.794100.com-体彩举报-| www.pb00.com-彩票调整-| www.917497.com-私彩网站靠什么赚钱| 5号彩www.535hc.com| www.ng46.com-小米彩票官网| www.10zk.com-零基础学彩铅画| www.rj98.com-什么平台玩彩票最好| www.04am.com-彩票胆是什么意思| www.543061.cc-今日体彩开奖号多少| www.966478.com-久久发彩票网站| www.255975.com-时时彩牛牛玩法规则| www.871762.com-福彩刮刮乐中奖图片| www.414197.com-精彩的含义是什么| www.557363.com-7号彩票娱乐邀请码| www.362026.com-中国彩吧105| www.831757.com-80彩app-| www.957555.com-海南七星彩大师预测| www.ep77.com-快彩害了多少人| www.27ns.com-体彩小熊猫图谜| www.2918.com-彩之云信息化平台| www.037068.com-大羸家彩票-| www.868238.com-特区网七星彩论坛| www.045544.com-十大私彩平台软件| www.881409.com-南国彩票论坛七星彩| www.08997.com-彩29哪里下载| www.188103.com-北哀快三-| www.87585.com-长城娱乐彩票怎么样| www.136580.cc-彩票77腾牛网| www.254047.com-所有的足球彩票软件| www.340083.com-南洋彩开什么| www.452663.com-彩漂洗衣液的作用| www.771315.com-丰大彩票登录| www.4180.cm-七彩国际养生| www.34168.com-彩虹岛吧-| www.169277.com-吉林省快三开奖走势| www.240916.com-彩票历史号码对比| www.317989.com-史蒂芬彩票公式| www.387942.com-华彩官网-| www.532001.com-网上买彩票怎么报案| www.672760.com-福彩3今天开机号| www.875333.com-亿元彩票的故事| www.995963.com-牛佬足彩-| www.lo79.com-中彩在线下载| www.20go.com-四海资讯时时彩| www.464.in-福彩双色球怎么中法| www.002470.cc-中国七星彩官网| www.111969.com-首次注册送彩| www.040847.com-职业足球博彩玩家| www.765287.com-福彩双色球查询| www.wv04.com-118彩票电脑版| www.40274.com-湖北省福利彩票查询| www.212474.com-北京快三兑奖规则| www.020359.com-体育彩票查询号码| www.87st.com-澳门十分彩-| www.003507.com-国彩gc资料-| www.282116.com-七乐彩推荐号码汇总| www.im.com-彩票黑彩网址快三| www.6162.biz-天马彩票是不是假的| www.46467.com-自己租个时时彩平台| www.97549.com-结婚彩礼钱归谁| www.98223.cc-香港利民彩计划| www.069932.com-神彩软件是真的假的| www.137320.com-贵州中国福利彩票| www.209218.com-体彩大乐开奖查询| www.165166.com-福利彩票交流| www.254379.com-好彩官方网下载| www.943679.com-重庆彩票网官网开奖| www.901133.com-五分钟快开彩| www.986347.com-竞彩分析-| www.lp25.com-中彩吧2020平台| www.86jf.com-福彩自助终端下载| www.31679.com-开福彩店需要多少钱| www.771992.com-东方彩票app下载| 快彩www.81678z.com| www.464638.com-时时彩的倍数是多少| www.045062.com-分分快三助手下载| www.230034.com-彩88-| www.375539.com-猜骰子的彩票游戏| www.563865.com-体彩23期寻马图|