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.954242.com-彩八彩票幸运28| www.777657.com-星彩qq代刷网| www.891353.com-快三代理利润多少| www.696996.com-彩神五码计划| www.6229.in-福利彩票十分钟奖| www.73781.com-体彩三十一选七开奖| www.17888.cc-盛澳竞彩合法吗| www.6299.cc-排三众彩网精品杀号| www.1403.link-重庆有时时三分彩吗| www.00821.com-牛彩官网首页论坛| www.3830.vip-310足彩票预测| www.411157.com-足球竞彩专家分析| www.411889.com-苹果原彩显示耗电吗| www.562177.com-福利彩票去哪买| www.657378.com-彩票曝光的新闻| www.760052.com-彩票奖金多少要交税| www.871847.com-49彩票集团是| 500万彩票www.967333.com| www.723320.com-福彩字谜画谜总汇| www.069720.com-福彩开奖结果查洵彩| www.46657.com-加拿大五分彩是正规| www.436723.com-老猫出彩预测| www.170998.com-今日快三开奖走势图| www.312935.com-彩财网怎么样| www.438051.com-竞彩猫是什么意思| www.536876.com-带彩的网名-| www.635424.cc-福彩双色球手机应用| www.732936.com-彩票网点-| www.823810.com-天吉福彩论坛| www.596385.com-时时彩投注计划表| www.681015.com-辽宁福利彩票中心| www.770819.com-福彩举报中心| www.876122.com-体育彩票5排| www.984098.com-75彩票下载-| www.in35.com-澳客网竞彩足球| www.xw40.com-123天空彩票开奖| www.958435.com-七星彩1注赔多少| www.526026.com-网络购彩恢复| www.682666.cc-哪个网站可以买足彩| www.780707.com-平台彩票作弊器| www.on02.com-福彩怎么选-| www.048.cn-大众彩票网诈骗| www.ta15.com-福利彩票几点能兑奖| www.43pi.com-足彩培训师考试| www.2695.shop-v8彩票下载安卓| www.296058.com-多乐彩十一选五奖金| www.581960.com-彩八手机版-| www.54419.com-卖彩票怎么挣钱| www.011693.com-昨晚福彩开什么| www.091054.com-彩票负盈利打法| www.326568.com-体彩任九玩法| www.432554.com-c9彩票官方网站| www.554156.com-彩票重码是什么| www.657563.com-央视曝光彩票| www.755332.com-中国彩票3d开机号| www.860835.com-体彩任选二推荐| www.961445.com-查福彩3d丹东全图| 博友彩www.878466.com| www.051891.com-9万彩票安装到手机| www.198338.com-武汉市福利彩票| www.508122.com-七星彩开奖结果昨晚| www.652655.com-体育博彩qq群| www.733451.com-彩票联盟的网址是| www.873304.com-全民快三秘籍| 600万彩票www.716866.com| www.219224.com-体彩大乐透开奖走势| www.eo54.com-快三怎么下载| www.87904.com-澳门三分彩开奖记录| www.505642.com-3d彩票的玩法规则| www.665195.com-七乐彩奖金历史| www.958848.com-贵州福利彩票网站| www.ys18.cc-体彩去哪里兑奖| www.157957.com-19046期足彩| www.237227.com-虚拟足彩开奖结果| www.332188.com-福彩十选五官网| www.419366.com-彩金网站-| www.qc72.com-正规彩票平台排行| www.372028.com-彩票讯息时时彩计划| www.751774.com-有没有送钱玩的彩票| www.815357.com-搜狐彩票网官网| www.566656.com-中彩官网这个软件| www.661837.com-黑牛吧邪恶全彩| www.750928.com-足球彩票18075| www.815605.com-福彩排列五的玩法| www.877790.com-福彩生肖6+1| www.938325.com-七星彩杀号开门彩| www.985449.com-933时时彩app| www.xv8.com-彩神快三秘籍| www.og21.com-福彩快3投注| www.r25.cc-福彩3dapp软件| www.589221.com-福彩预测总汇| www.670702.com-北京赛车是国彩吗| www.791032.com-老彩民高手坛| www.893228.com-体彩竞彩一倍多少钱| www.974163.com-福彩刮刮奖品种| www.oo74.com-北京28是什么彩票| www.42za.com-彩票做计划什么意思| www.117140.com-彩票筛选软件安卓版| www.72933.com-下载福彩感恩app| www.626388.com-缝彩佳美缝-| www.332100.cc-快三012路详解| www.76zs.com-天津彩票站转让| www.822222.com-5oo彩-| www.372382.com-国彩网合买骗局| www.28249.com-江苏福彩领奖须知| www.08nm.com-今日福彩开奖是什么| 快乐网www.870080a.com| www.657430.com-彩票2元网正规吗| www.380103.com-彩金怎么接-| www.552106.com-香港跑马彩票走势图| www.323896.com-今晚七星彩开啥奖| www.530722.com-彩铅画作品简单| www.kx.com-福彩3d助手-| www.456361.com-名彩堂官网-| www.u78.club-彩票网络禁止销售| www.299760.com-内蒙古快三第49期| www.389388.com-彩票站投入多少钱| www.510145.com-亚洲彩票代码网| www.613832.com-手机彩票兑奖| www.692231.com-彩票360安卓版| www.773344.com-豪赢竞彩-| www.846023.com-福彩王素英怎么判| www.939119.com-699彩票苹果| www.991699.com-够力七星彩奖表官网| www.ev63.com-查彩票-| www.960475.com-3亿彩票中奖者| www.117754.com-彩票霸主软件官网| www.285.date-七星彩三定位多少钱| www.6815.cc-18彩票网官网| www.37869.cc-星光彩票可靠吗| www.99789.cc-彩票网提现失败| www.ky71.com-彩9彩票app下载| www.76pb.com-每天买彩票时间| www.685057.com-彩票3d字谜图| www.906773.com-cp577彩票平台| www.g89.xyz-彩宝app-| www.7452.net-体彩去哪申请| www.020667.com-福彩总部-| www.816711.com-吉林快三改20分钟| www.885873.com-3d红五彩吧图库吧| www.949892.com-8炫彩福利彩票| 天玺彩票www.tx01.cc| www.ch07.com-玩大发快三犯法吗| www.qw31.com-时时彩软件平台| www.09tf.com-彩票七乐彩单式| www.063762.com-福利彩票店经营技巧| www.420652.com-福彩3d幸运选号| www.780796.com-彩客网比分直潘| www.31fx.com-体彩每周四开什么| www.622191.com-广州体彩网官网| www.047118.com-荣耀彩票app下载| www.162766.com-蓟彩芝演的电视剧| www.329572.com-818彩票网-| www.471847.com-彩迷神马-| www.061608.com-彩客网客户端| www.172.date-足彩盘口怎么看| www.6512.biz-什么叫500彩票| 中国彩票网www.zg16.com| www.532039.com-福彩3d对应码大全| www.07cy.com-星空的彩铅手绘教程| www.2001.com-49彩票娱乐-| www.0513.net-正发彩票-| www.cai2220.com河北快三跨度表走势| www.984249.com-快乐10分中奖彩票|