QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jQuery解决方案列表tab切换代码

原创商用 jQuery解决方案列表tab切换代码

jQuery tab解决方案列表布局,模糊的宽屏背景图和tab标签内容切换布局样式代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div class="bg-blue">
	<div class="developer-solution-block">
		<div class="titleBar">
			<h3 class="caption">解决方案</h3>

			<p class="descript">提供高效的解决方案,满足广泛的业务需求</p>
		</div>
		<div class="developer-solution">
			<div class="solution-tab">
				<ul>
					<li class="active" data-item="item01">软件实训解决方案</li>
					<li data-item="item02" class="">游戏开发解决方案</li>
					<li data-item="item03">电商双交付解决方案</li>
				</ul>
			</div>
			<div class="solution-detail">
				<ul>
					<li class="item01 active">
						<div class="title">
							软件实训解决方案
						</div>
						<p class="detail">
							云端一站式软件教学与实践平台,为学生提供企业级的软件项目开发实践体验,方便老师开展软件实训教学、全面掌握学生软件开发能力
						</p>
						<a class="more-btn " href="#">查看更多</a>
					</li>
					<li class="item02">
						<div class="title">
							游戏开发解决方案
						</div>
						<p class="detail">
							云主机一站式游戏研发平台,贯穿游戏开发、测试和运维的产品全生命周期
						</p>
						<a class="more-btn " href="#">查看更多</a>
					</li>
					<li class="item03">
						<div class="title">
							电商双交付解决方案
						</div>
						<p class="detail">
							基于双交付理念,在向客户交付电商应用时,同步交付全套云上环境
						</p>
						<a class="more-btn " href="#">查看更多</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
$(function() {
	$('.developer-solution .solution-tab ul li').each(function() {
		$(this).hover(function() {
			$('.developer-solution .solution-tab ul li').removeClass('active');
			$('.developer-solution .solution-detail ul li').removeClass('active');
			$(this).addClass('active');
			$('.' + $(this).attr('data-item')).addClass('active');
		});
	});
})
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
金山彩票 www.087024.com-彩福大厦总楼层| www.848586.com-非凡时时彩在线| www.fw33.cc-福彩三分快三合法吗| www.cp291.com-快三贵州快三走势图| 东方国际www.055976.com| 金掌柜www.83993w.com| www.649386.com-2019彩虹跑报名| www.248597.com-玩福彩网犯法吗| www.313422.com-彩客网首页比分直播| www.516523.com-银海彩票布衣图| www.822284.com-湖北快三一点定牛| www.4369.biz-全民彩票计划分析| www.77762.com-中国福彩8炫彩| www.333531.com-买彩票离婚-| www.667831.com-中国福利彩票王云戈| www.65304.com-炫彩的意思-| www.152996.com-旺财彩票-| www.330104.com-彩搜网牛材网| www.980.cx-福彩≡地试机号金码| www.63036.com-彩票106版168| www.va55.com-时时彩三星胆码方法| www.781.tv-中国体育竞彩首页| www.22652.com-七星彩机选五注| www.951702.com-广东福彩好彩规则| www.158188.com-足彩十四比分| www.425099.com-体彩93-| www.626931.com-500万彩票正规吗| 计划稳定版-彩世界开奖下载| www.ce85.com-幸运快三软件| www.254525.com-uu彩票app下载| www.459516.com-365约彩官方网站| www.123812.com-中国福利彩票福彩| www.425850.com-足彩怎么玩才能稳赢| www.851250.com-时时彩投注单笔3万| www.61162.cc-江西体彩老11选5| www.253757.com-华宇彩票手机版| www.ci62.com-安徽福彩官网看快3| www.308592.com-快三15期倍投| www.47jo.com-体彩福彩购买平台| www.0842.top-8亿彩ios-| www.001628.com-福彩3d八宝饭| www.065702.com-飞跃彩虹歌词| www.311922.com-甘肃福彩官网百度| www.076321.com-彩票中奖530万| www.400379.cc-彩票查询七星彩图规| www.947685.com-微信上买彩票可靠吗| www.445874.com-竞彩搭建源码| www.52198.cc-体彩规则说明| www.088351.com-福彩快三押大小单双| www.262153.com-五分快三有官网吗| www.021043.com-大乐透彩宝贝预测| www.722763.com-555彩票黑-| www.93422.com-盘球网竞彩篮球推荐| www.137114.com-七彩语文杯获奖名单| www.258275.com-购彩app推荐| www.990795.com-七彩辅助下载| www.206494.com-鳄鱼彩票杀号| www.555788.com-福利彩票福建| www.799875.com-福彩开奖结果是什么| www.066159.com-彩吧助手专业走势图| www.18197.com-中国福彩票结果| www.7011.vip-3d彩票概率大小| www.085626.com-一分快三是不是假的| www.501821.com-关于体育彩票| www.666358.com-体育彩票七星彩势图| www.5937.com-体彩三有返奖吗| www.8066.in-创意色彩优秀作品| www.913726.com-彩票预测什么网站好| 快彩www.81678v.com| www.802164.com-彩29网站-| www.089752.com-新彩票走势首页| www.313223.com-3d福彩五行绝杀码| www.ez87.com-中国福利彩票中彩网| www.054404.com-快三时时彩登录网址| www.562937.com-桌易彩票一亿不认账| www.2034.vip-青岛福彩中心在哪里| www.359197.com-福d三彩开奖| www.79pk.cc-快三视频教学视频| www.442237.com-竟彩500比分直播| www.5420.cc-平台买彩票-| www.073700.com-福彩彩票开奖视频| www.502852.com-足彩任九4胆拖6| www.882954.com-80彩票如何赚钱| www.01au.com-下雨后彩虹看图写话| www.d82.club-精英彩票高手论坛| www.0614.wang-彩票开发告别死工资| www.739034.com-手机投注彩票靠谱么| www.775035.com-福彩大乐透开奖时间| www.73ul.com-c8万彩吧6采| www.727318.com-幸运彩票是不是真的| www.94gr.com-中国彩吧论坛中| www.9825.org-体彩开奖杳-| www.033292.com-078彩票-| www.488701.com-包头市福彩中心主任| www.691333.com-胜负彩14场直播| www.gt05.com-天天好彩开奖号码| www.285877.com-快三登陆-| www.040099.com-爱彩通走势图电脑| www.639509.com-高频彩彩票的骗局| www.87277.cc-33彩票网-| www.35637.cc-吉祥彩娱乐平台登录| www.029202.com-内蒙体彩中心| www.548676.com-彩神8怎么充值| www.678405.com-福客来彩票北京| www.34409.com-大众彩票网每日首充| www.zn3.com-福彩快3内蒙开奖| www.585687.com-中彩快三计划| www.926258.com-一定牛彩票下载官网| 云博彩票www.www.196556.com| www.05eo.com-分分时时彩单双技巧| www.369824.com-福彩几点封机| www.903620.com-3d福彩字谜画迷| www.200745.com-福利彩票啥时间开奖| www.012384.com-七星彩什么时候开奖| www.md2.cc-5分彩怎么看号| www.848774.com-彩光嫩肤一般多少钱| 乐彩网www.909935.com| www.35jg.com-五分彩出号有规律吗| www.275369.com-北京福彩网专家预测| www.63386.cc-足彩19042推荐| www.923556.com-自己坐庄彩票群| www.627336.com-多乐彩走视图| www.360885.com-国家高频彩票害人| www.552379.com-福彩中奖率最高的| www.8657.shop-中国彩票到底有多假| www.432.me-福彩信息发布| www.681907.com-苹果app购彩| www.850045.com-福建快三几点开始| www.483.xyz-怎么玩黑彩赢钱| www.097668.com-福利彩票年销售额| www.336355.com-彩八彩票安卓版官网| www.77167.cc-微彩官网登录| www.858011.com-福彩高手大赢家论坛| www.4660.xyz-大发快三购彩大厅| www.14qr.com-立彩彩票是谁创的| www.338749.com-彩尊怎么样-| www.202291.com-贵州彩票中奖排名| www.510216.com-彩盈是真的吗| www.808297.com-足彩即时赔率| www.489886.com-新江体彩时时彩| www.7096.cm-七彩珠心算-| www.252548.com-彩票作假事件| www.6091.shop-彩票计划者软件| www.036543.cc-快彩分析软件| www.890524.com-坤彩谢秉坤之子| www.006655.cc-北京时时彩开奖走势| www.419994.com-必发彩票安卓下载| www.611180.com-微彩吧官方站| www.993244.com-玩网彩票真能赚钱吗| www.544998.com-南方双彩安卓版下载| www.07aw.com-彩铅星空狼画法| www.211559.com-江苏福彩快三技巧| www.244900.com-福彩快三中奖说明| www.708240.com-足彩稳胆如何选| www.877.red-河北快三交流群| www.7363.org-一个足彩高手的总结| www.303269.com-好彩2复式玩法| www.44766.cc-下载中彩网怎么下| www.068787.com-福彩12生肖叫什么| www.583070.com-汇彩网入口-| www.42sd.com-新版狂欢彩票| www.rx57.com-app分分彩票软件| www.2286.vip-哪些平台上能买体彩| www.359681.com-中国体育彩票在哪买|