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天

知道了
彩01彩票 www.381461.com-星期五哪些彩票开奖| www.248808.com-福利彩票才能中头奖| www.041215.com-中国体彩足球竞彩| www.194005.com-幸运快三精准计划网| www.666216.com-航天彩虹千股千评| www.814895.com-国彩软件是诈骗吗| www.927822.com-彩票v信-| 大赢家彩票网www.178759.com| www.575783.com-福彩电子投注| www.713053.com-网赌吉林快三| www.jw00.com-福彩2元网走势图| www.592059.com-粤彩实战今天报纸| www.9786.biz-休闲快三视频姜丽| www.05988.com-黑彩3d-| www.630546.com-3d彩报今天的全部| www.473666.com-精英网彩票与你同行| www.hd60.com-福彩快三湖北开奖| www.021906.com-酷彩吧下载地址| www.266516.com-即开彩下载-| www.555245.com-快三红号多少个| www.739640.com-福彩分析助手| www.984163.com-43cc看彩结果| www.082318.com-网上买快三被骗经历| www.227993.com-三分快三技巧套路| www.802011.com-网上玩彩的安全平台| www.yv23.com-腾讯分分彩神圣计划| www.356946.com-朋友送的彩票中奖了| www.560856.com-彩票599-| www.767296.com-牛蛙彩票图彩| www.88291.cc-彩票双色球复式机选| www.195050.com-福利彩票怎么看中奖| www.384911.com-高手网彩富网| www.571666.com-菲律宾快三-| www.2594.vip-好运彩快三aqq| www.060629.com-彩计划gcbcc| www.254698.com-福彩3d图谜第三版| www.510219.com-乌兰察布市体彩中心| www.686487.com-澳彩初盘-| www.933251.com-五省快三是哪五个| www.625218.com-七乐彩中六个基本号| www.855721.com-中国福利彩票p62| www.997842.com-原创福彩分析| www.dd65.com-彩票店怎么加盟| www.3321.com-汇彩网快三怎么玩| www.117729.com-搜狐彩票走势大全| www.220368.com-江苏快三外挂| www.751847.com-一号店彩票登录| 彩天下www.196056.com| www.008733.com-彩客网电脑版官网| www.341258.com-福彩几点停止销售| www.88620.com-小网送彩-| www.895132.com-南京华彩赢家合法吗| www.5737.wang-失控的黑彩刘雪龙| www.70057.com-福彩3d刺客论坛| www.605819.com-好运彩彩票苹果版| www.788512.com-今天多乐彩开奖结果| www.932577.com-106com彩票-| www.fm9.com-体彩7星彩玩法| www.96gd.com-红彩app真假| www.00118.com-海口彩钢板围挡价格| www.99343.com-内蒙快三综合版| www.135005.com-羊城晚报的晚晚好彩| www.248999.cc-互联网彩票销售办法| www.22zi.com-体彩周末可以兑奖吗| www.4824.org-梦见去找彩票点| www.88457.com-588的彩票网站| www.131143.com-2019彩礼新政策| www.318776.com-江西省福彩发行中心| www.000385.com-6合1彩票-| www.525399.com-玩时时彩的正确心态| www.759719.com-时时彩全天计划宝典| www.964223.com-绵阳体彩管理中心| www.271605.com-福利彩票三不同开奖| www.583752.com-网彩计划-| www.826270.com-五星乐彩下载| www.6855.cc-博彩刷流水的好方法| www.687328.com-陕西省体育彩票中心| www.576776.com-彩票维护需要多久| www.iy9.com-上海彩票时时乐开奖| www.733806.com-高频彩票调整解读| www.706707.com-5分钟开奖时时彩网| www.697383.com-体彩20选5-| www.cai6755.com快三三不同号怎么玩| www.586142.com-彩八彩票网站首页| www.778708.com-8号彩票幸运飞艇| 网易彩票www.091wy.com| www.r66.online-快三会上瘾-| www.28985.cc-彩色激光打印机| www.878595.cc-99彩票-| www.49423.com-足彩app排行榜| www.pr1.com-大发快三中奖技巧| www.021287.com-最安全的私彩平台| www.243171.com-手机买彩票真实吗| www.672120.com-彩宝8-| 99彩www.996963.com| www.86.com-中国体彩票开奖| www.120500.com-保时捷游戏彩票| www.678977.cc-彩票真的把我害了| www.130599.com-多盈彩票注册| www.274182.com-上海彩票11选5| www.561737.com-手机官网买彩票| www.276357.com-分分快三是假的吗| www.pd06.com-福彩三d预测号| www.364.in-爱彩人怎么样| www.544522.com-重庆时时彩买九个数| www.167108.com-快三大小单双口诀| www.531757.com-彩票33网址多少| www.ea87.com-彩票幸运农场玩法| www.731796.com-高盛彩票登录| www.384499.com-体彩考试题及答案| www.232561.com-飞鱼彩票怎么玩| 红旗彩票www.995684.com| www.023933.com-代买国外彩票犯法吗| www.151714.com-彩票尾数规律| www.hw23.com-湖北精彩十分规则| www.131222.com-河南体彩4-| www.318214.com-现在那个彩票可以玩| www.711177.com-福彩天天图-| www.121296.com-双彩票双色球开奖| www.fy58.com-英国官方时时彩| www.93813.cc-足彩胜负彩分析| www.421111.cc-胜负彩19023期| www.36uz.com-热购彩票官方网站| www.437999.com-安庆体育彩票店在哪| www.022513.com-研究彩票走势有用吗| www.26iz.com-彩票开奖结果33期| www.484977.com-福州彩票中奖人多吗| www.925363.com-体彩p3一休杀码图| www.300.hk-彩40-| www.63034.com-彩票开奖历史20| www.89vc.com-四大博彩公司排名| www.119523.com-彩票最佳对联| www.772624.com-彩票中奖上税多少| www.026067.com-十分彩平台违法吗| www.577756.com-投注上海快三电脑版| www.37vv.com-全国各地彩礼| www.069970.com-彩票争霸v-| www.731256.com-易彩堂网站-| www.766803.com-彩8彩票25tt| www.83js.com-体育彩票数字篮球| www.583200.com-彩色简笔画圣诞老人| www.73176.com-福彩手机购买| www.509757.com-澳门所有博彩公司| www.216892.com-快三靠谱吗-| www.330432.com-重庆时时彩五星计划| www.310782.com-安徽快3彩票| www.88219.cc-彩民堂软件计划下载| www.90717.com-彩站宝店铺二维码| 500彩票www.50054a.com| www.274204.com-腾讯时时彩正规吗| www.z33.net-怎样写彩票软件| www.5906.cm-离婚了要还彩礼钱吗| www.63729.cc-竞彩投注比例分析| www.141344.com-凤彩字谜-| www.397623.com-足够竞彩比分直播| www.858583.com-竞彩足球技巧大全| www.yv41.com-山东体彩如何兑奖| www.292591.com-江苏快三预测助手| www.481456.com-彩票中三位数多少钱| www.927539.com-彩票数字是多少组| www.44fd.com-彩之云物业怎么样| www.0106.top-春秋彩票不能提款| www.498916.com-兼职刷彩票-| www.8896.bid-江苏竞彩-|