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.282802.com-中国福彩全天彩| www.427095.com-双色球福彩软件下载| www.sm14.com-竞彩足球害了多少人| www.010807.com-网彩最新消息| www.065827.com-3d多彩颗粒漆| www.17252.com-彩票中五亿机会| www.310680.com-重庆体彩兑奖流程| www.81165.com-博彩斯诺克网站| www.537487.com-什么东西是彩色| www.632092.com-七乐彩托胆计算器| www.372044.com-菠萝彩官网-| www.400123.com-七星彩一最新早版| www.586841.com-双色球预测南方双彩| www.984167.com-公众号老猫出彩| www.oj42.com-云南福利彩票| www.191917.com-福彩三d走势表| www.081208.com-彩票老师带队| www.14fw.com-浙体彩20选5开奖| 乐购彩www.lg7717.com| www.161956.com-彩乐汇真的能赚钱吗| www.4559.vip-彩票代理推广的方法| www.26947.com-新浪彩票最新版| www.124012.com-凤凰彩票计划软件| www.711247.com-彩虹世界app新版| www.591695.com-30d三弟福彩| www.664556.com-彩之家软件计划| www.734546.com-非凡彩票网-| www.671796.com-彩宝彩票cb8下载| www.975284.com-彩票奖号-| www.007055.com-爱乐透购彩官方版| www.nr43.com-宁夏快三怎么查| www.1553.com-极速时时彩免费软件| www.476677.com-梦见彩票中二等| www.670290.com-七彩开奖最新结果| www.569568.com-微彩彩票怎么充值| www.710111.cc-女孩喜欢买彩| www.878732.com-南昌市福利彩票中心| www.5jy.cc-章鱼彩票中过大奖| www.145717.com-彩票破解手机软件| www.241419.com-彩库宝典苹果| www.845933.com-私彩破案-| www.qf25.com-彩77安卓版-| www.160483.com-体彩单场竞猜| www.266870.com-19024胜负彩| www.982078.com-中继彩票app| www.ai80.com-彩6彩票手机端| www.sp97.com-南京福彩领奖地址| www.931128.com-中信彩票平台下载| www.987438.com-皇都彩票全部彩种| www.gq86.com-快三宝典app| www.ir38.com-体育彩票中奖规则| www.7ox.com-单位年会彩票| www.93ix.com-五分彩是哪里发行的| www.2188.live-福彩3d断组牛彩网| www.80856.cc-福彩排三今天开奖| www.925551.com-旭彩美缝剂厂家| www.px51.com-彩票九app-| www.e26.net-彩哥腾讯分分彩软件| www.8037.biz-水彩初学教程| www.252525.cc-58购彩代玩团队| www.321790.com-人工智能彩票| www.744366.com-苹果彩票手机网站| www.810686.com-精彩小视频下载| www.878736.com-中国福彩积分兑换| www.952467.com-下载大奖彩票app| www.zl95.com-皇都彩票官网app| www.cp9455.com-官方彩票有哪些| www.tr35.com-福彩快三江苏| www.235880.com-竞彩足球单关走势图| www.33862.com-微信群彩票分析师| www.93685.cc-福利彩票詹天佑最新| www.30dp.com-重庆时时彩停止开奖| www.8425.cn-m8彩票关了吗| www.74074.com-福利彩票背后的秘密| www.352313.com-一出好戏里的彩票号| www.1013.vip-彩票快开游戏调整| www.397018.com-体彩排列三万能四码| www.469576.com-掌上福彩宝典官网| www.970654.com-福彩3b和直走势图| www.zl6.cc-河南彩素481| www.869400.com-够力七星彩安装下载| www.969683.com-彩票不能追号| www.fe37.com-七星彩精准预测大师| www.98id.com-有职业玩彩票的吗| www.4530.vip-七星彩二三位差值| www.15608.com-体彩高频走势图| www.252101.com-旺彩双色球老版本| www.88ir.com-彩票店违规-| www.179590.com-彩票中奖-| www.254040.com-足彩下单软件| www.43258.com-久久炫彩彩票| www.682247.com-微信提现的彩票网站| www.826951.com-彩票怎么砍龙稳赚| www.590991.com-鸿运来彩票网app| www.369042.com-彩票体彩排列三| www.499112.com-网上带玩彩票| www.568101.com-彩票对打套利技巧| www.634782.com-博大彩票是官方的吗| www.765011.com-网易彩票真实可靠吗| www.827557.com-世纪佳缘上的彩票托| www.a56.club-数字彩的另类打法| www.957816.com-大发时快三网址| www.438115.com-重庆时彩后二万能码| www.590805.com-徐州八集彩票中奖| www.119483.com-江苏快三怎么赚钱| www.208203.com-网上投注快三合法吗| www.288691.com-世界杯预选赛竞彩| www.870502.com-彩票投资指南| www.939611.com-福彩公益事业| www.989770.com-彩民乐阳光探吗图| www.xo2.com-大发快三先赢后输| www.6435.cn-好彩店正规吗| www.51811.com-浙江体彩官网| www.006208.com-7彩官网-| www.151641.com-乐玩彩官方下载| www.665415.com-北京彩票店转让| www.772152.com-时时彩反倍投| www.871968.com-超级时时彩缩水软件| www.939340.com-美国一分彩开奖结果| www.984340.com-福彩快乐十分计巧| www.zy8.com-福建福彩网快3| www.xb11.com-彩经网快三走势图| www.020802.com-彩票开奖通知软件| www.7824.vip-三分彩开奖历史| www.857.pw-公益时报中华彩票网| www.0760.love-彩票api安装| www.066313.com-澳门博彩税-| www.m26.bid-广西今天快三走势图| www.799933.cc-福彩3下期-| www.874245.com-时时彩免费源码| www.939158.com-众益彩票下载| www.982408.com-时时彩开奖视频直播| www.cai4666.com快三开奖一定| www.ga90.com-彩票必赚方法| www.166122.cc-江苏快三骗局| www.227503.com-手机众彩app| www.067626.com-彩票服务器开发| 天天彩票www.ttcp88.co| www.60140.com-彩票交税规则| www.375208.com-九州体育博彩下载| www.cp3310.com-分分快三下载| www.ot96.com-时时彩长龙只追不反| www.8329.biz-七星彩心灵码仙说| www.62542.com-满堂彩北京赛车| www.236960.com-竞彩心理误差| www.13390.com-竞彩十四场开奖| 大赢家彩票平台www.507381.com| www.396726.com-58彩cm开奖-| www.518328.com-七星彩五行分布图| www.578983.com-qq30秒彩票-| www.666082.com-海南七星彩万字表图| www.927810.com-彩票306官方版| www.973274.com-彩虹岛在线av| 彩客网www.595707.com| 500彩票www.51515u.com| www.41rf.com-大公鸡七星彩画板| www.215677.com-十二生肖彩票怎么买| www.927393.com-玩快三正规网站| www.057017.com-9m彩票-| www.882934.com-玩投彩的女生| www.512831.com-郑州乐彩科技领导层| www.684665.com-福彩3d中奖怎么兑| www.1254.vip-甘肃快三顺子| www.oq82.com-彩票众众-|