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.57677.com-英国5分彩开奖号码| www.057708.com-保时捷彩票注册登录| www.152888.com-网赌快三输了怎么办| www.241122.com-学彩铅画的好处| www.326251.com-彩票精准预测app| www.72381.com-北京奔驰博彩| www.996851.com-下载福彩走势图| www.344409.com-山东彩票群英会下载| www.3482.me-天天买彩票腾讯| www.644767.com-彩九直播-| www.024010.com-苏州福利彩票总部| www.719587.com-3d报纸彩图-| www.877992.com-大乐透彩票往期| www.978169.com-工地彩钢瓦围栏图片| www.ea81.com-必发彩票幸运农场| www.3it.com-热购彩票怎么样| www.862270.com-k彩手机版注册| www.966219.com-彩发发官方网站| www.cp052.com-福彩快3老版| www.qm36.com-快三怎么玩法才赚钱| www.55ai.com-时时中彩票安卓下载| www.4986.org-吉祥彩票手机网址| www.947669.com-中国彩票作假| www.fn5.com-重庆时时彩维护公告| www.974154.com-信誉彩票网-| www.612852.com-7乐彩开奖时间规则| www.557450.com-手机竞彩哪个软件好| www.ck2.com-快三如何玩中奖率高| www.25uo.com-网上骰子好运快三| www.5946.com-体彩杀号定胆天齐网| www.22wc.com-购彩网app哪个好| www.658.cm-泉州音乐体彩聊天室| www.365463.cc-风景彩铅画图片简单| www.36399.com-福彩二等奖几个号码| www.912923.com-彩票公司合法的吗| www.hb1.cc-福彩一句定三码| www.b17.link-今天福彩开奖公告| www.99yy.com-体育彩票几种玩法| www.9222.me-中航彩虹股吧| www.765155.com-彩75彩票怎么样| www.662275.com-2356彩票app| www.570799.com-中福利彩票愚人节| www.cp2826.com-贵州快三走势图定牛| www.33ew.com-彩票春节停几天| www.3497.org-彩票2等奖-| www.181563.com-江苏福彩快三网站| www.8725.xyz-体育彩票直播中| www.416933.com-快3彩票魔图| www.237849.com-派彩481走势图| www.986017.com-糖果派对送彩金26| www.199910.com-芜湖快三开奖走势| www.94932.com-儿童彩妆安全| www.38yy.com-头彩彩票-| www.0590.org-彩票包赚不赔| www.248548.com-福彩3d输了几万| www.559263.com-天天中彩票官网登录| www.656228.com-为内蒙古喝彩原唱| www.760202.com-七乐彩奖金中奖分配| www.936811.com-霞光溢彩-| www.hj28.com-福彩过滤器-| www.299028.com-中福彩票登录| www.396808.com-金钱豹彩票官网| www.511702.com-时时彩ios版下载| www.602053.com-重庆买彩票哥| www.674540.com-财政部和彩票| www.gt38.com-新彩票app下载| www.050368.com-彩票店做外围| www.611666.com-雨后彩虹歌词周杰伦| www.160547.com-体彩和值-| www.123654.com-五分彩开奖号码查询| www.231297.com-彩29下载-| www.741989.com-好运来彩票是不是黑| www.878189.com-分分彩挂机方案| www.952214.com-加拿大3分彩平台| 亿发彩票www.530833.com| www.f10.com-网易七星彩现场开奖| www.79xh.com-金誉彩票网电脑版| www.1740.press-彩票滚球什么意思| www.892.cm-彩铅画电影人物图片| www.09co.com-中彩网开奖首页| www.044208.com-香港致富彩生肖| www.cp0356.com-彩神8快3破解| www.67736.cc-网上投彩赌博吗| www.135197.com-分分快三预测豹子| www.254262.com-湖北快三最多连几期| www.488940.com-阿狸彩票app| www.72961.com-黑龙江好彩快三查询| www.644422.com-九号彩票骗局| www.038367.com-彩票智能选号工具| www.937017.com-臺湾福星彩-| www.635750.com-时时彩app888| www.819195.com-彩票平刷思路| www.901022.com-福彩3d一年多少期| www.967072.com-网上如何买3d彩票| 500万彩票www.96386i.com| www.ge44.com-彩迷论坛-| www.11098.com-网易足彩竞猜推荐| www.515018.com-星耀七星彩票| www.306083.com-ios正规彩票软件| www.xg03.com-晴予七星彩预测| www.051166.com-真实的彩票代购网站| 七彩www.53900i.com| www.6687.vip-567彩票骗人吗| www.213022.com-诚信博彩-| www.735083.com-彩22app是啥| www.929556.com-中彩网论坛讨论区| www.344968.com-天天彩票乐天棋牌| www.507235.com-鸣彩艺术是真假| www.600222.cc-买彩票一直买一注| www.9986.cc-彩票论坛马会| www.wz04.cc-福彩3d昨天开奖号| www.240180.com-网上买彩票靠谱吗| www.238971.com-网上玩彩票靠谱吗| www.300800.com-体育彩票开奖结果查| www.26qo.com-北京福彩加盟条件| www.zw82.com-莱利分分彩-| www.058260.com-竞彩米斗跟单下载| www.7128.vip-北京福彩论坛网站| www.450394.com-大富翁彩票网址| www.567154.com-安装双色球彩票| www.717149.com-彩铅自学-| www.874163.com-老谢说彩票-| 天地彩www.6tdc.com| www.585772.com-天天中彩票可以| www.332.live-电脑进制预测彩票| www.39532.cc-搜索体彩排列五| www.mz01.com-安徽快三时时彩网| www.wl34.cc-豪彩网址-| www.659369.com-e乐彩源码-| www.111959.com-500go彩票-| www.50011.cc-华宇彩票吧-| www.737369.com-福彩三d今天奖号| 99彩票www.577032.com| www.530378.com-幸运彩票助手1.0| 福彩天下www.fcff4.com| www.009161.com-福利彩票pc-| www.092091.com-福建福州体彩| www.727302.com-七彩票-| www.813254.com-彩友258-| www.898569.com-体育彩票排三胆码| www.957142.com-杏彩平台登录网址| www.19ka.cc-肥城彩票中3个亿| www.1739.vip-鸿耀彩票是干什么| www.549955.com-香港六含彩免费资料| www.272520.com-快三算法怎么是50| www.129801.com-uc彩票官方版| www.229163.com-老梁说彩票的真实性| www.c89.club-七星彩360-| www.0885.net-xy515幸运彩票| www.774557.com-快三投注书籍| www.f92.com-老彩民下载-| www.625729.com-资深的彩票销售平台| www.716108.com-乐米彩票怎么停了| www.769797.com-彩73下载-| www.858752.com-排三遗漏分析中彩网| www.914615.com-乐彩网工具表| www.972687.com-日彩网余额没了| www.cp140.cc-彩票兼职骗局揭秘| www.ci47.com-安徽快三彩票官网| www.356481.com-足球彩票外围怎么看| www.100579.com-体彩排三杀码| www.46413.com-山东好彩快三开奖| www.87728.cc-南方彩票官网下载| www.134779.com-中彩情报网永久书签|