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.837778.com-乐彩33和众飞| www.4480.la-彩票十一选五下载| www.6109.vip-易中彩票官网| www.638538.com-111彩票官方网站| www.160172.com-丰盈彩票app下载| www.641190.com-正彩彩票下载安装| www.66fa.cc-爱米彩票-| www.126782.com-彩票数据接口免费| www.651999.cc-弘兴国际彩票| www.5084.org-属狗的今天先彩票号| www.263708.com-彩票361登陆| www.7234.xyz-彩虹六号第二期机票| www.83597.com-澳门彩票开户网站| www.28bl.com-全彩本子百度云资源| www.7457.xyz-体彩审批手续| www.042998.com-时时彩挂机软件教程| www.182773.com-全天快三计划网| www.273112.com-彩票店5元刮刮卡| www.873945.com-网易彩票快三| www.090051.com-竟彩篮球-| www.385070.com-彩票平台充值送彩金| www.728676.com-幸运28是啥彩票| www.822985.com-彩票双色球骗局揭秘| www.936002.com-假彩票什么样的| 福彩网www.60007d.com| www.dg28.com-福彩快三官方直营| www.827339.com-时时彩总和值玩法| www.902260.com-福彩正版藏机图汇总| www.973292.com-废彩票叠一艘航母| www.dc4.com-三分快三在哪里玩| www.oq52.com-人类彩票中奖故事| www.585867.com-福彩越来越少人买了| www.780278.com-彩票代理申请理由| www.we80.com-游戏机彩金可以调吗| www.433.com-彩票像什么-| www.9897.cm-胜负彩中奖规则| www.95281.com-烟台福彩书法| www.125339.com-快三模拟器手机版| www.219942.com-好运快三走势五分钟| www.96064.com-飞腾彩票网址| www.938778.com-亿彩网址登陆| 大玩家彩票www.84499p.com| www.rh58.com-香港行政快三预测| www.32wu.com-2000年彩票-| www.333052.com-买彩票窍门-| www.421529.com-福彩双色球购彩技巧| www.593391.com-多彩投烂项目| www.666239.com-e乐彩可以赌吗| www.755500.com-旺彩双色球历史版本| www.841391.com-平价国货彩妆| www.923123.cc-108官网彩票平台| www.ce27.com-有人买快三亏钱吗| www.zp41.com-快三半顺号码有哪些| www.761940.com-极速时时彩可以玩吗| www.919545.com-黑彩外地服务器| www.982190.com-福彩新彩网首页| www.ar78.com-贵州省福彩快3| www.2668.in-福彩电子投注| www.47rf.com-十七彩票下载安装| www.970253.com-彩票大赢家走势图| www.0ci.cc-近期彩票中奖故事| www.57944.cc-恒耀购彩官网| www.047988.com-想买彩票怎么选号码| www.670014.com-彩中网-| www.826332.com-尼彩手机游戏| www.994914.com-好彩堂玄机跑狗图| www.406403.com-安装凤凰彩票网| www.bd24.com-澳门博彩app| www.vv44.com-福彩快三网上合法吗| www.193196.com-快三稳赚不赔的技巧| www.563939.com-一定牛甘肃快三走势| www.965515.com-双色球杀号彩乐乐| www.cp802.com-快三哪个省销售最多| www.92dr.com-鼎彩宝盈-| www.2929.site-快三单注奖金多少钱| www.110062.com-连中彩票ios| www.cp0021.com-上海快三助手| www.428675.com-最近的福彩销售点| www.025928.com-淘宝让买彩票了吗| www.2518.tv-快三预测彩乐乐| www.380318.com-来彩彩票打不开| www.791417.com-3d彩经网杀码| 鑫亿彩www.196903.com| www.679705.com-怎样买彩票能中奖| www.79oh.com-彩票开出相同号码| www.613590.com-qq有什么彩票吗| www.019090.com-陕西彩旗-| www.989725.com-132彩票抢红包| www.gw78.com-体彩排列三专家预测| www.9ku.com-体育彩票是怎么买| www.0184.cc-什么是国彩投资| www.821971.com-ios用什么买足彩| www.801062.com-梧桐彩票下载| www.892133.com-k彩福民彩地| www.998020.com-快发彩票官方直营| www.it69.com-彩票官方-| www.74984.com-体彩有几种-| www.024404.com-时时彩任三单式诀窍| www.121790.com-举报时时彩电话| www.82900.com-彩乐汇手机版| www.49zt.cc-竞彩亏钱-| www.896343.com-十大正规彩票平台| www.828412.com-玩彩票的心理| www.5587.biz-体彩大乐透查询中奖| www.381394.com-买彩票选号-| www.17af.com-缅甸有彩票吗| www.434.tv-吉林快三和值推算法| www.60130.com-福彩双色球彩经走图| www.053759.com-天天中彩票倒闭了| www.8562.top-彩票两元网排三| www.86248.com-福彩3d直选3| www.7718.xyz-临沂市福彩中心电话| www.332705.com-中国彩票创始人是谁| www.533162.com-名人彩票平台登录页| www.652271.com-上海向彩-| www.753344.com-安装彩钢活动房| www.883174.com-c彩36-| www.958916.com-600w彩票app| www.cai5599.com内蒙古快三玩法| www.md76.com-江苏快三杀号定胆| www.7qu.cc-德孝素食双彩店电话| www.72yv.com-中华彩票黑平台| www.0871.cm-全发国际彩票| www.7882.in-时时彩赢了30万| www.23298.cc-福彩3的试机号| www.69293.com-足彩034期奖金| www.736846.com-上海市福利彩票中心| www.332732.com-陕西快乐十分彩经网| www.041006.com-彩票自动投注方案| www.277038.com-快三猜一个号| www.2999.win-体彩牛材网排列预测| www.895121.com-七彩平台是国家的吗| www.982558.com-同城彩票下载| www.203992.com-今日福彩3d字谜图| www.43se.com-六福彩是真的假的| www.2088.xyz-江苏福彩江苏体彩| www.166060.com-快三走势图今天| www.175030.com-最好的快三投注平台| www.233926.com-快三怎么买才赚钱| www.309085.com-奇妙pk彩票软件| www.948441.com-体育彩票公益金用途| www.2222.space-洛阳七彩大峡谷| www.510415.com-实体彩店app| www.565906.com-智能彩票预测| www.614585.com-买外围彩票软件下载| www.666643.com-乐彩广告有限公司| www.730932.com-足球500胜负彩| www.784725.com-福彩双色球是骗局吗| www.839659.com-都匀市福彩中心地址| www.898168.com-爱玩彩票app| www.975027.com-七星彩长条最新图片| PK彩票www.www.23040.com| www.588175.com-福彩三地综合版| www.722685.com-宝马彩票官网| www.953940.com-快三追号打法| www.jo79.com-刷彩是什么意思| www.7438.shop-福彩改制-| www.44165.com-足彩竞彩胜平负| www.31331.cc-体彩预测专家预测| www.81669.com-福彩家彩开奖结果| www.16455.cc-足球竞彩奖金计算器| www.884403.com-福彩3d五行号码| www.613218.com-南洋彩今晚开什么| www.735063.com-新快报新快网彩票|