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天

知道了
9彩注册 www.89328.cc-能查福彩软件有什么| www.703813.com-派彩洗面奶好吗| www.857210.com-柬埔寨打工彩票推广| www.10md.com-福彩3d今天走势图| www.8078.cm-鹰创意水彩-| www.051764.com-北京快三遗漏查询表| www.981259.com-六开彩app-| www.gs94.com-大发时时彩单期计划| www.2659.com-竞彩足球竞彩报| www.b25.net-江西快三开奖时间| www.jz38.com-七星彩一注得多少钱| www.j93.net-思乐彩票机-| www.50dt.com-易彩平台客服| www.913.hk-临沂彩票店转让| www.252595.com-彩票01-| www.331442.com-彩经网3d组选杀号| www.8438.loan-开发彩票网站| www.431.in-河北快三怎么看大小| www.305899.com-买彩票是怎么说| www.77032.com-九场胜负彩专家预测| www.781214.com-微彩站中奖了怎么办| www.349958.com-大发时时彩后一技巧| www.556392.com-106好彩票-| www.807146.com-彩博士官网手机网| www.ua59.com-体彩术语-| www.566.xyz-下载51彩虹挂挂| www.18108.cc-足球彩票兑奖计算器| www.004763.com-今日福彩开奖号| www.111621.com-彩票平台推荐一下| www.751159.com-彩巴士-| www.659747.com-重庆时时彩联系中心| www.113813.com-精准北京快三计划群| www.282237.com-东方一分彩开奖直播| www.002269.com-七乐彩有人玩吗| www.152995.com-旺彩彩票电脑版| www.103041.com-大奖彩票网址| www.590303.com-福彩三d谜语图| www.416077.com-a彩娱乐登录地址| www.242623.com-福利彩票中奖金额| www.vf25.com-买体彩要身份证吗| www.424313.com-天天赢彩票平台| www.836721.com-陜西体彩网-| www.999666.com-福彩网是不是骗人的| www.m97.net-怎样举报黑彩平台| www.1123.mobi-体彩比利时与突尼斯| www.019737.com-湖北精彩十分玩法| www.188996.com-内蒙福彩官网| www.257566.com-新快3彩票下载| www.437258.com-陕西省福彩发行中心| www.944427.com-体育彩票开店| 国彩网www.guocai667.com| www.mr19.com-七星彩历史中奖号| www.s57.cc-金圣彩票-| www.95269.com-七乐彩精确组合| www.ql16.com-福彩在线是正规的吗| www.6852.cc-电子彩报-| www.7021.org-竞彩篮球大小分结果| www.71592.cc-江苏快三开奖号统计| www.090678.cc-彩票店未来会取消吗| www.01039.com-福彩内部数据是以| www.355151.com-绿好彩香烟代购网| www.539434.com-彩票行业发展| www.970074.com-七彩乐彩票中奖规则| www.cp1668.com-大发快三彩票app| www.976474.com-文山彩票大奖| www.407945.com-众信彩票网-| www.cp0305.com-北京快三助手苹果版| www.5025.vip-吉祥彩票c5005| www.026898.com-13彩是不是正规的| www.007884.com-彩票书籍在线閲读| www.948365.com-福彩公益广告| www.271725.com-广東彩王-| www.624054.com-33彩票计划网| www.639854.com-东方亮彩副总离职| www.879585.com-网投彩票赚钱安全吗| www.88263.com-彩7苹果版app| www.513215.com-时时彩二星杀号技巧| www.659145.com-快乐彩中奖说明| www.322059.com-凤凰彩票平台靠谱吗| www.385601.com-天空彩禁肖| www.98es.com-网络买彩票找黑客| www.14ep.com-七星彩开奖在哪个台| www.062302.com-福彩三d连线走势| www.287973.com-购彩大厅大发| www.405280.com-彩民在线官网| www.513129.com-彩票有发票吗| www.676060.com-全国各省彩礼排行榜| www.772115.com-体彩竟彩查询结果| www.234318.com-彩票新政策-| www.17rj.com-新浪彩票大厅| www.249939.com-万购彩下载-| www.654754.com-3分钟时时彩时间表| www.730296.com-体彩排列三专家推荐| www.296255.com-我要看安徽省快三| www.448127.com-白马彩推荐号| www.550602.com-买什么彩票能挣大奖| www.97917.com-篮球彩票吧百度贴吧| www.083005.com-快三每个省都有吗| www.281005.com-重庆时时彩官方通知| www.di80.com-热门彩种是赌博| www.1292.vip-内蒙通辽快三查询| www.839703.com-500足彩比分直播| 至尊彩票www.156050.com| www.ps50.com-竞彩猫官网首页| www.732164.com-足彩任九19041| www.5598.site-新加坡乐和彩免费网| 红旗彩票www.39957e.com| www.539234.com-时时彩七码稳赚方法| www.388238.cc-华彩计划-| www.23187.cc-福彩3d任意和差表| www.82198.com-彩77平台如何| www.250718.com-中彩票下载安装| www.op0.com-体彩11选择5结果| www.10dy.com-天霁彩票网手机版| www.76kc.com-高频彩可以作假吗| www.326435.com-彩吧助手旧版下载| www.78533.cc-彩票qq35com| www.019551.com-四川体彩11选五| www.079966.cc-彩票扣税多少| www.140571.com-众彩网专家汇总杀号| www.211853.com-购买私彩是否违法| www.093268.com-幸运快三开奖记录| www.203169.com-体彩p3-| www.275982.com-各种釉彩大瓶在哪儿| www.339658.com-特吧彩吧高手网| www.399209.com-南京众彩物流| www.491033.com-彩吧助手走势图官网| www.603673.com-梦见进了彩票店| www.661035.com-约彩彩票怎么注册| www.733345.com-彩500vip-| www.789510.com-竞彩分析软件哪个好| www.850675.com-外国彩票截止就开奖| www.899672.com-福利彩票站能否转让| www.953121.com-彩运网正规吗| www.990542.com-韩国彩票lotto| www.rh5.cc-1分快三精准计划| www.th59.com-公益彩app-| www.4cs.com-彩票在线筛选器| www.44ka.com-代做彩票流量| www.96cb.com-福彩网怎么快速挣钱| www.73089.com-七五课堂彩票| www.262444.com-福利彩票中奖结果| www.373936.com-中彩那天课文电子版| www.969485.com-宝赢彩票软件下载| www.376332.com-安徽福彩中奖| www.589620.com-17146期足彩| www.714118.com-香港彩富网天| www.890208.com-时时彩购买软件网址| 中彩网www.61233d.com| www.og20.com-天津福彩快三开奖| www.015588.com-破译电脑彩票| www.107110.com-凤凰彩票破解器| www.c51.vip-体彩各省中奖情况| www.034211.com-七乐彩发行年限| www.516004.com-足彩卖料骗局| www.708.net-足球世界杯彩票规则| www.298013.com-福彩幵奖结果今天| www.860986.com-福利彩票等奖奖金| www.8317.live-彩票win在线| www.121220.com-彩票群起个什么名字| www.7312.win-彩虹无人机和翼龙| www.89jz.com-倍投彩票能赚钱吗| www.479422.com-彩票送16-| www.892922.com-全民彩官网下载苹果|