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天

知道了
百盈PK10 www.0470.onlineyg彩票-| www.72665.com-久久精彩视频| www.1034.com-小石彩票助手| www.74495.com-七乐彩二等奖三等奖| www.89710.com-足彩第19032期| www.568743.com-两块钱买彩票段子| www.178627.com-中国福利彩票软件| www.998987.com-湖北快三热点肖立刚| www.sm06.com-时时彩心态玩大必死| www.59av.com-体育彩票改革创新| www.3800.top-58彩158ccm-| www.072658.com-appcp彩票-| www.98633.cc-快三选号号-| www.270016.com-彩86下载地址| www.375583.com-吉林福彩三d| www.031171.com-众发彩票计划| www.029576.com-天下好彩彩团网| www.555981.com-国乐彩怎么样| www.306119.com-d9彩票-| www.i55.org-河南快三走势图表| www.6284.pw-看彩票-| www.110261.com-乐点彩-| www.531231.com-彩99ios下载| www.262483.com-湖南省福彩中心电话| www.6396.cn-能分析彩票的软件| www.61370.com-2019网络售彩| www.cp3369.com-福彩快三有啥规律| www.319748.com-欧洲杯彩票怎么买| www.417585.com-彩票投注站几点关门| www.555276.com-博彩bb论坛-| www.632238.com-揭秘中国彩票| www.821105.com-成都福彩销售点| www.927192.com-福彩3g字谜总汇| 财神网www.29277p.com| www.7946.vip-彩墨笔-| www.973927.com-幸运五星彩开奖记录| www.jm41.com-大发快三是人为| www.849086.com-时时彩全天精准计划| www.971425.com-福彩三d奥秘| www.cai9488.com福彩快三河北| www.of38.com-腾讯快三计划师| www.mb65.com-彩票三期倍投计划| www.794288.com-高频彩开奖结果查询| www.930563.com-e球彩复式投注| www.990215.com-彩乐园彩票-| www.hp78.com-足彩新浪彩票| www.234161.com-揭秘网赌彩票| www.000193.com-新彩票平台-| www.7609.net-新浪爱彩为什么改版| www.689387.com-大众网彩票游戏| www.398914.com-今日彩票藏机图| www.780911.com-老版彩库宝典| www.cp537.com-最大正规快三平台| www.713177.com-注册彩票送58元| www.825822.com-七乐彩历史数据查询| www.946171.com-福建体彩管理中心| www.dq82.com-福建体育彩票31选| www.197557.com-澳洲5分彩开奖| www.741077.com-体彩排列三毒胆预测| www.356744.com-彩票匿名领奖| www.503077.com-中国香港快三玩法| www.659475.com-亿乐彩票交流群群号| www.734693.com-古代彩票公式| www.841654.com-七乐彩为什么| 乐彩网www.685756.com| www.yl95.cc-038彩票网络平台| www.311789.com-福神正德彩票| www.820085.com-足彩賠率-| www.70zz.com-大众彩票3d图谜| www.208229.com-一分快三计划网址| www.305455.com-该坚持买彩票吗| www.393831.com-39彩票网合法吗| www.514700.com-澳洲彩票五分彩网站| www.581620.com-最新体彩福彩开奖| www.660317.com-分分彩龙虎对刷| www.767713.com-福彩三d直选遗漏| www.856172.com-彩票3d玩法-| www.949297.com-查福彩三地藏机图| 吉利彩票www.80075z.com| www.34764.com-福彩返奖率-| www.208368.com-河南快三实时结果| www.79us.com-无锡市福彩兑奖地址| www.530061.com-旧版彩库宝典苹果| www.366571.com-南宁彩票兑奖中心| www.z92.online-海南4字彩开奖号码| www.67ir.com-阳泉体彩管理中心| www.673111.com-足彩最新缩水软件| www.761134.com-南粤好彩1的规律| www.871247.com-天天赢彩票app| www.950910.com-大乐透彩票奖金| 500彩票www.50054j.com| www.ky96.com-福彩3d输了几万| www.2tt.cc-黑彩平台总汇| www.rv84.com-时时彩开奖视频手机| www.68747.com-乐彩网官方网站| www.040396.com-易语言彩票自动投注| www.150238.com-全民连中彩票升级| www.944052.com-下载彩票之家软件| www.371387.com-中国足彩馆踩踏论坛| www.504866.com-彩排词语-| www.586493.com-什么网站送彩金| www.64284.com-竞彩足球外围怎么买| www.00244.cc-瑞祥彩票网址| www.2018.org-彩81彩票苹果版| www.421771.com-刚力彩芽好像杨丞琳| www.088950.com-快三盘是什么样子的| www.29191.cc-够力五星彩下载| www.000415.com-彩票倍投方案低成本| www.679179.com-中国福彩刮刮乐扫码| www.772979.com-韩国时时彩开奖网站| www.897617.com-快易彩下载-| www.972222.com-福建彩票36选7| www.fb9.com-吉林快三是什么东西| www.168353.com-北京快三开奖结果走| www.984735.com-快3彩票在哪买| www.ox68.com-福彩3d中奖绝技| www.06ts.com-高档彩票店-| www.87yf.com-成都彩涂板| www.480581.com-中国移动和彩印| www.347900.com-流文溢彩作文| www.43311.cc-时时彩后三跨度玩法| www.93221.cc-10086彩票-| www.vr38.com-福彩双彩论坛字谜| www.840048.com-pc蛋蛋彩讯-| www.954497.com-博竟彩票平台| www.iy35.com-浙江省体彩兑奖中心| www.167811.com-彩票快3有规定吗| www.603796.com-免费足彩预测app| www.569620.com-好彩娱乐门户网站| www.79520.cc-福彩3d遗漏走势图| www.112313.com-注册送8—88彩金| www.041562.com-混合过关竞彩篮球| www.51336.cc-网络彩票3倍投法| www.nl10.com-足彩18096任九| www.9420.cn-华人彩票网站怎么样| www.51.vip-体育彩票排列五| www.591342.com-澳门彩票论坛| www.813430.com-天下彩免资料| www.918765.com-信誉好的外围彩票| www.49sh.com-竞彩表格制作教程| www.555168.cc-福彩开奖作假| www.mf09.com-好彩是正规网站| www.8386.org-手机投彩是什么| www.56500.cc-西虹市首富片尾彩蛋| www.99156.cc-时时彩怎么玩必输| www.079758.com-竞彩玩法几串几介绍| www.025124.com-彩票挂机能赚吗| www.206037.com-01彩票正规不| www.5641.me-彩虹六号腾讯手游宝| www.418616.com-网上可以买竞彩吗| www.9379.cn-7k彩票下载-| www.80858.cc-四川福彩官网| www.789053.com-竞彩中奖概率| www.845361.com-福彩竞彩什么意思| www.893698.com-网彩平台导师计划| www.17pe.com-湖北快三开奖漏洞| www.066731.com-u9彩票软件-| www.299623.com-3d智能杀号彩经网| www.86816.cc-一直播好彩频道| www.035661.com-红彩会登录-| www.874544.com-山西彩票网址| www.cp9757.com-青海快三预测| www.d69.cn-彩网站大全-| www.0752.cn-彩票查询接口|