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天

知道了
亚洲28 www.196223.com-彩票预测最准十专家| www.336833.com-体彩官网售后有保障| www.434646.com-江西福彩20选五| www.227927.com-彩票走势图2元网| www.692131.com-直播彩播什么意思| www.955195.com-网络彩票时间差漏洞| www.zf40.com-福彩3d报纸图今天| www.0634.win-彩票计算软件哪个好| www.7799.pw-竞彩全攻略在线| www.750066.com-七星彩开奖预测频道| www.886803.com-搜狐彩票双色球走势| www.966255.com-时时彩带单骗局| 博友彩www.755213.com| www.465812.com-六开彩开奖怎么玩| www.561977.com-验证手机送18彩金| www.677333.com-最新的彩票网站开发| www.761293.com-宝马彩票集团网址| www.875635.com-彩易福彩字谜汇总| www.986508.com-阿里巴巴福彩是什么| www.db53.com-盛兴彩票-| www.k10.com-怎么坑私人快三平台| www.79bh.com-香港三色彩开奖| www.4637.xyz-有人代买彩票靠谱吗| www.947094.com-时彩娱乐-| 网易彩票www.07163x.com| www.gp07.com-重庆结婚彩礼一览表| www.077106.com-买哪种彩票靠谱| www.879300.com-江西快三江西快三| www.929050.com-云彩厅彩票骗局| www.xs0.com-一分快三有什么技巧| www.hm90.com-旺彩预测软件| www.27dk.com-买彩票能中几十万吗| www.642123.com-特彩吧9949网| www.181183.com-快三奖金设置图表| www.wz72.com-手机福利彩票app| www.276693.com-支付宝买彩票怎么买| www.261350.com-时时彩稳赚不赔绝招| www.354722.com-彩赢家福利彩票| www.288487.com-彩票排列三高手| www.947101.com-彩种计划大全| www.ox38.com-银川彩票在哪领奖| www.7995.net-博彩跑分平台有哪些| www.190197.com-安徽安徽快三形态| www.501283.com-淘彩吧唐龙两码和| www.671677.com-港彩开奖资料大全| www.810650.com-彩票湖北快三走势图| www.932855.com-118彩票游戏规律| www.a31.cc-7乐彩票开奖结果| www.1117.vip-湖北武汉快三开奖| www.591000.com-徐州中两千万彩票| www.667922.com-彩票幕后的真相| www.731464.com-易彩堂怎么稳赚| www.02wp.com-福彩3d中华彩神| www.606932.com-关于彩票的搞笑说说| www.594370.com-七彩汇游戏下载| www.37345.com-金山彩票下载| www.796946.com-数字流运预测彩票| www.23446.com-重庆分分彩个位计划| www.97877.cc-皇家科技时时彩下载| www.576278.com-旺彩双色球是真的吗| www.706575.com-网上天天开奖彩票| www.801019.com-彩金铂金黄金价格表| www.880219.com-福彩预测分析彩吧论| www.954009.com-华人彩官方登录| 大赢家彩票网www.178739.com| www.tg49.com-福州体彩中心| www.172691.com-至尊快三彩票| www.805711.com-福彩几种-| www.305119.com-体彩怎样算是中奖| www.432414.com-凤凰微彩贴吧| www.087677.com-云彩彩票安全吗| www.83ji.com-有吉林快三96群吗| www.1308.pw-福彩3d图纸总汇| www.9721.net-优彩师真的假的| www.193838.com-云南省福彩兑奖地址| www.607790.com-湖南排列三彩民论坛| www.791848.com-博彩app软件下载| www.087000.com-彩票中奖故事最新| www.2090.vip-旺彩助手-| www.37835.com-万彩资料下载| www.695200.com-彩票缴款通-| www.633600.cc-中国福利彩票几点开| www.756422.com-足彩竞彩胜平负| www.874344.com-订阅号体彩-| www.999544.com-中彩网老牌网站| www.ol52.com-快三走势图电脑版| www.606560.com-福彩25选7奖结果| www.720530.com-华彩彩票-| www.711937.com-女方家要10万彩礼| www.882392.com-彩票专营店-| www.cp9311.com-河北快三一定牛推荐| www.29509.com-幸运彩票是不是真的| www.548941.com-彩票之家注册邀请码| www.650936.com-简单水彩花卉教程| www.zn2.cc-即时开彩-| www.pf54.com-重庆快三真的吗| www.0vh.com-众乐彩票是否真的| www.75xe.com-彩票能作假-| www.322122.com-海南特区彩票论坛| www.420114.com-cp彩票软件安全吗| www.519729.com-重听天天福彩| www.384360.com-网上时时彩犯法吗| www.51ib.com-18148胜负彩| www.h69.biz-快乐彩害了多少人| www.973467.com-彩虹唯美清新图片| www.ju2.cc-快三河南-| www.04883.com-中国福利彩票彩吧| www.64516.com-三地彩票开奖结果| www.023394.com-pp彩票可以赚钱吗| www.093057.com-彩色砼用哪几种材料| www.169589.com-快三走势图如何看| www.739140.com-香港正规彩票有几种| www.947172.com-福彩湖北快三预测| 网购彩票www.cp7777p.com| www.i87.bid-福彩3d形态论坛| www.92395.cc-中原和彩-| www.119691.com-即开型彩票销售方法| www.5452.vip-彩35网址是什么| www.17489.com-3d红人玩彩| www.77890.com-足彩18176-| www.007319.com-东城福利彩票店转让| www.363077.com-福彩3d太湖-| www.750461.com-福彩宝-| www.933987.com-网上博彩套利违法吗| www.ek0.com-快三跨度怎么算| www.xa56.com-四川快三基本走势图| www.61mj.com-福彩3d秘诀-| www.3131.in-福彩最大值走势图| www.28565.cc-查看彩票开奖| www.89850.com-80彩网址-| www.087938.com-澳客网彩票pc| www.274711.com-中国福彩网官方首页| www.733193.com-快彩怎么下载软件| www.930675.com-马来西亚乐和彩网站| www.995892.com-好彩店竞彩版下载| www.pi75.com-辽宁快三在线开奖| www.w61.club-足彩让一-| www.36ga.com-好彩客旧版-| 天朝彩票www.98599.cc| www.82752.com-陆慧明足彩任九| www.047606.com-e彩乐app-| www.382305.com-智慧人彩票软件| www.527789.com-彩票之家是正规的吗| www.611289.com-吉祥8彩票是真的吗| www.665455.com-东方一分彩怎么玩| www.026735.com-鸿运彩票登陆| www.195825.com-快三时时彩票| www.265509.com-乐彩论-| www.332100.cc-快三012路详解| www.397314.com-盈众彩票app| www.501098.com-希腊五分彩app| www.633333.cc-虎扑篮彩吧-| www.705116.com-中国体彩网现场直播| www.133748.com-500万彩票网投注| www.226492.com-福利彩票发行历史| 双彩网www.965960.com| www.vb16.com-福彩3d万彩吧| www.101.org-彩票站利润| www.3016.me-彩宝网字谜-| www.308117.com-微信买彩票怎么付款| www.471710.com-体彩篮球比赛竞猜| www.86ni.com-福彩山地组选分布图| www.4229.top-七彩有关app| www.421605.com-七星彩代理-|