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天

知道了
58福彩 www.125500.cc-福彩公益行走进摸奖| www.866258.com-中国体彩下载软件| www.955276.com-网易五分彩必中| www.zn.cc-七k官方彩票下载| www.ug43.com-正规私彩平台有哪些| www.981355.com-苹果7钢化膜彩膜| www.bi18.com-鸿彩快三网址| www.91958.com-丰彩彩票怎样兑奖| www.587030.com-全民网彩票-| www.167649.com-福彩快三河南| www.54226.com-正彩文具-| www.l49.top-彩6彩票app下载| www.90vy.com-宝马彩票是什么| www.3918.vip-七星彩图片长条| www.971348.com-澳客手机彩票网下载| www.r43.cn-玩彩网提现不了| www.410318.com-下载一个彩票开奖| www.5920.wang-体彩中心给我停机了| www.833559.com-体育彩票如何选号码| www.ah69.com-七星彩图纸-| www.60rv.com-大盘娱乐彩票app| www.7564.cc-东方集团彩票游戏| www.76186.com-温州市体育彩票店| www.163054.com-体彩排3今晚开奖号| www.760147.com-中国福育彩票官方网| www.850825.com-大发时时彩能不能玩| www.921121.com-福德彩彩票是骗局吗| www.978764.com-500万彩票网投注| www.dq.cc-彩68app下载| www.ta93.com-乐赢彩-| www.02br.com-彩虹的七个颜色英文| www.303201.com-乐彩论坛3d达人| www.391651.com-体彩中几位数有奖| www.507918.com-网上彩票销售网站好| www.577939.com-精彩视频点观看| www.649301.com-彩博网址-| www.715707.com-两元彩票一般几位数| www.800314.com-博达彩票-| www.875069.com-微信足彩群-| www.948173.com-程远众彩网双色球| 中国福利彩票www.33588t.com| www.134358.com-快三对子中奖多少钱| www.41mk.com-鸿运彩票365| www.v29.la-重庆时时彩购买软件| www.3195.win-808福彩-| www.615714.com-美狮彩票注册| www.976823.com-滨州结婚彩礼价格表| www.bl77.com-百度彩票号码查询器| www.d26.vip-官方开奖的快频彩| www.2227.com-合资买彩票的段子| www.05878.com-天天爱彩票手机版| www.66699.cc-彩票拍照看中奖| www.049930.com-体彩排列五综合| www.265568.com-福彩3d福降天下| www.344700.cc-快三下期-| www.069935.com-彩神争霸正规吗| www.166467.com-快三彩票骗局大揭密| www.255806.com-易盈彩票官网苹果版| www.151612.com-下载牛蛙彩票软件| www.246395.com-凤彩网3d-| www.592990.com-彩虹的重力txt| www.813940.com-刘军教你玩彩票教程| www.427846.com-足彩十四场过滤软件| www.087444.com-快三包号技巧| www.136926.com-免费彩票-| www.233599.com-体彩福彩综合走势图| www.304928.com-体彩11选5小助手| www.702295.com-彩票信用盘代理| www.en87.com-民彩网-| www.13am.com-乐享500万彩票| www.1218.tv-全民彩票能买彩票吗| www.550315.com-七星彩册子大全图片| www.501320.com-易彩网是什么网站| www.569951.com-博彩广告词-| www.637285.com-彩虹4-| www.703581.com-彩票小神仙胆码| www.775391.com-7位数的彩票有哪些| www.854009.com-熊猫彩泥-| www.917203.com-彩票88有谁受骗吗| www.975986.com-结婚彩礼钱口诀| www.qz75.com-快三是假的吗| www.nu10.com-关于彩票赊账处罚| www.266091.com-彩票导师微信号| www.239269.com-江苏快三安全吗| www.3573.cn-存10送彩金-| www.657689.com-xy936幸运彩票| www.773482.com-微彩吧能不能提现| www.874243.com-体彩3d开奖-| www.011897.com-福彩中心周日上班么| www.106999.com-36彩票开奖-| www.201430.com-七星彩走势图表2元| www.74pj.cc-万豪彩票输了五万| www.830766.com-500彩票苹果下载| www.831596.com-日本7亿彩票怎么买| www.99697.cc-河内五分彩中奖规则| www.132171.com-彩礼法律规定六万| www.273600.com-小崔彩票采访| www.9518.shop-盛宏彩票-| www.063333.cc-福彩出兑-| www.247055.com-快三中奖多少| www.414486.com-出彩的近义词是| www.752531.com-体彩作弊-| www.609567.cc-分分彩大小算法| www.697002.com-浙江体彩大乐透预测| www.772881.com-博胜彩票网投| www.859229.com-河南福利彩票3d| www.956169.com-速盈彩怎么下载| www.ao41.com-彩票中奖查询双色球| www.k49.net-福彩3d今天奖号| www.129.bid-彩虹屁英语-| www.da33.com-彩神争霸v-| www.04nv.com-彩铅画花卉绘画教程| www.2345.la-最准重庆分分彩计划| www.60984.com-保定彩票站怎么申请| www.994004.com-上海快三奖金| www.9169.vip-网易时时彩开奖号码| www.4920.win-买大小的彩票app| www.57525.com-江西快三购买技巧| www.057863.com-河北快三号码大全| www.sd.com-彩票开奖湖北快3| www.4ag.com-凤凰网彩手机版| www.1427.vip-大赢家彩票合法吗| www.br37.com-49彩票集团app| www.343597.com-彩神il是真的吗| www.9980.in-快三追和值计算器| www.3067.vip-淘宝彩票网合法| www.386885.com-还出售的网络彩票| www.489644.com-6splus彩膜| www.588389.com-五子彩珠下载| www.898580.com-福利彩票标识| 彩票8www.cp8016.cc| www.403311.com-七星彩app怎么样| www.546452.com-香港彩宝典下载| www.685096.com-下载3d彩票-| www.778575.com-彩6精华版-| www.870094.com-网易福彩网-| www.952288.com-中奖彩票app| 凤凰彩票www.77801t.com| www.1871.top-今目3d彩涂-| www.692307.com-7k彩票57177| www.3251.xyz-旧重庆分分彩| www.768409.com-电信彩铃-| www.883957.com-黑彩赢钱技巧| www.940618.com-头彩彩票官方版| www.986909.com-快三倍投怎么投| www.vu1.com-36全国彩票-| www.017934.com-好彩客下载安装| www.27668.cc-中国足彩网赛事| 亿彩堂www.87668y.com| www.354230.com-三d双彩图今天| www.492766.com-开彩票网站犯法吗| www.795321.com-彩票公式规律走势图| www.ou63.com-福彩三地振幅走势图| www.990887.cc-极速彩票网址| www.gy75.com-北京快三第一期几点| www.zl18.com-爱彩乐缩水-| www.25wo.com-c35彩票-| www.012656.com-廉江好彩哥交流论坛| www.81we.com-规模大的足彩推荐| www.47pe.com-体彩竟彩玩法| www.840036.com-pc蛋蛋彩-| www.86hg.cc-喜乐彩票监管| www.4114.biz-彩虹频道手机破解版| www.218481.com-重庆市福彩官方网|