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.054877.com-福利彩票都有哪些| 500彩票www.50080p.com| www.914972.com-中博快三计划软件| www.qp05.com-星光财团十分彩平台| www.6812.biz-国外彩票大奖新闻| www.33615.cc-91彩神登不上| www.298985.com-体彩体彩开奖号码| www.402882.com-定亲流程详解及彩礼| www.66002.cc-好彩泰免多少钱| www.rh78.com-亚博足彩app下载| www.ia37.com-聚网彩-| www.777232.com-大公七星彩开奖结果| www.73829.com-如何网购体育彩票| www.801078.com-163彩票客户端| www.932513.com-彩经网彩票预测| www.998340.com-wcpcc玩彩票| www.bs88.com-彩票缩水专家app| www.z22.com-爱购彩app官网| www.854967.com-开门彩福彩官方下载| www.923861.com-cp彩票网页版| www.984536.com-福彩3d小军图库| www.ib2.cc-福彩新快3走势图| www.715735.com-什么彩票是五位数| www.836272.com-迪士尼彩票官方网站| www.920053.com-福建快三玩法介绍| www.993422.com-足彩2串1入门教程| www.ct07.com-私彩对接官网| www.824650.com-河南福利彩票三d| www.909392.com-今天福彩3d第二版| www.987750.com-仲彩平台加入| www.uf6.cc-湖北百宝彩票网| www.063037.com-开彩票店多少钱| www.5520.win-青岛彩票出租转让| www.463607.com-惠彩免费资料大全| www.301189.com-微彩彩票平台登录| www.398438.com-资彩印刷-| www.425007.com-巴厘岛彩票平台| www.64684.com-竞彩001特点| www.96bn.com-彩票分析软件开发| www.660850.com-分分彩龙虎漏洞| www.984417.com-福利彩票快3代玩| www.vh1.com-海南私彩4位规则| www.213925.com-大发快三大小预测| www.130547.com-快彩王是什么情况| www.299928.com-彩票走势赚钱| www.753274.com-类似k彩的平台| 彩神网www.csw288.com| www.038157.com-997彩票app-| www.172712.com-快彩3app-| www.091111.cc-重庆时时彩登录| www.363006.com-福利彩票儿等奖| www.533001.com-体彩7星彩中奖号码| www.qk32.com-福利3彩票开奖结果| www.554856.com-彩哥下载地址| www.799183.com-闲聊彩票群-| www.097567.com-彩票公益金滋蕙计划| www.784204.com-福利彩票开奖视频| 尊彩会www.zch4.com| www.gs00.com-大发快三彩票合法吗| www.839914.com-浙江省体彩中心主任| www.055585.com-中国彩票那种奖金高| www.ub.com-腾讯快三官网| www.499406.com-鼎锋彩票-| www.623.red-中国彩票查询| www.95qw.com-2019黑平台彩票| www.688696.com-好彩投注-| www.817839.com-2013彩票网软件| www.927062.com-二四六天下彩资料大| www.98oa.com-湖北快三加奖公告| www.46615.com-体彩七位数中奖查询| www.fx55.com-微信彩票女-| 818合彩www.07hc.com| www.uw10.com-体彩广西11选5| www.37929.com-腾讯五分彩下载安卓| www.030790.com-大大彩票可以玩吗| www.390508.com-能抢红包的彩票网站| www.316453.com-网络彩票快三诈骗| www.390024.com-彩经彩票邀请码| www.569253.com-天天送彩票官网下载| www.681276.com-三b天天中彩吧| www.449113.com-如何研究海南体彩| www.093079.com-彩钢围挡板的规格| www.249028.com-棒棒彩票网页| www.360661.com-体彩买球规则| www.501452.com-彩票包网开版| www.918115.com-黑彩5分钟一期| www.cp970.cc-安徽省快三形态| www.360499.com-彩影下载手机版| www.453781.com-彩票怎么防伪| www.43553.com-重庆时时彩票走势图| www.280056.com-代玩彩票赚佣金| www.239165.com-刷彩是什么-| www.230925.com-甘肃快三爱采乐| www.95us.com-足竞彩比分直播| www.9794.cc-彩票竞猜金豆外挂| www.349090.com-中彩竞彩网上| www.752078.com-伪造中奖彩票被调| www.021138.com-今日头条老谢说彩| www.974502.com-体彩大乐透下载| www.bf16.com-投彩是骗局吗| www.sq73.com-九龙彩霸王-| www.592098.com-彩票双色期球开奖查| www.667470.com-晴彩中原节目表| www.729361.com-神彩通代理版| www.805760.com-9号彩票下载| www.874046.com-体育彩票排5走势图| www.947221.com-3地彩票-| www.990946.com-老梁彩票-| www.im30.com-广东福彩电子投注单| www.687602.com-陕西中国福利彩票| www.807595.com-60种珍贵彩票| www.882112.com-百信彩票下载| www.22957.cc-中彩那天电子课文| www.810343.com-彩票谜语什么意思| www.183920.com-今日贵州快三出奖号| www.687732.com-福利彩票七星彩| www.nb.cc-北京福彩-| www.338149.com-竞彩合买怎么样| www.400988.cc-大福彩开奖时间| www.495709.com-世界前50博彩| www.570482.com-七彩蛋糕店真的假的| www.7725.cc-中华彩票网网易| www.645544.com-陶瓷新彩心得| www.763129.com-缅甸时时彩是真的吗| www.820065.com-农村天价彩礼作文| www.877954.com-体彩往期中奖号码| www.933303.com-省份快三开售时间| www.133211.com-猫彩色-| www.103052.com-广东好彩2开奖结果| www.435377.com-七星彩什么软件| www.510642.com-彩虹屁吹语录| www.569685.com-彩之网彩票大全| www.57544.com-什么网站买彩可靠| www.028150.com-高频彩彩票投资技巧| www.8939.biz-易彩网可信吗| www.43337.cc-旺彩专家推荐| www.4956.vip-933彩票是否合法| www.266554.com-福彩3d玩法详解| www.577992.com-腾讯分分彩人工计划| www.250899.com-彩八彩票app| www.535929.com-八位数彩票怎么买| www.790653.com-在线彩票生成器| www.xz29.com-爱乐彩吉林快三| www.6698.net-竞彩天天-| 杏彩www.00840d.com| 博通彩票www.606614.com| www.177993.com-北京快三结果| www.59844.com-彩虹图片小清新| www.38ra.com-彝族结婚风俗彩礼钱| www.t69.club-118官方彩票入口| www.266701.com-快三一分钟一期| www.355435.com-足彩税-| www.439833.com-彩票争霸大发时时彩| www.301628.com-6合万彩吧资料| www.520756.com-大发彩票是黑平台吗| www.590877.com-彩礼三金是什么意思| www.800052.com-福彩大奖什么肖| www.27ve.com-l8彩票-| www.213005.com-哪些彩票平台靠谱的| www.276002.com-上海福利彩快三| www.973212.com-彩虹app生成| www.by5.cc-下载彩票软件大全| www.774494.com-如何买双色球彩票| www.871535.com-彩乐汇利盈二分快三|