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.181192.com-福彩快3彩票怎么玩| www.lp29.com-12彩票-| www.123458.com-5d体彩开奖号码| www.402188.com-乐购在线买彩票| www.881749.com-购彩堂app邀请码| www.91768.cc-有彩票预测软件吗| www.366684.com-彩铅调色表格| www.727383.com-彩96平台能提现吗| www.930204.com-江西快三押注| www.234021.com-送彩金彩票平台| www.447723.com-发微信买彩票中奖| www.659844.com-远途国际彩票app| www.984184.com-网上彩票代理加盟| www.743.live-百乐彩色钢笔| www.675797.com-彩票中奖三等奖| www.233231.com-贵州彩票快3| www.382873.com-买彩票不给钱怎么办| www.13789.cc-彩票体彩走势图大全| www.019518.com-遵义福彩管理中心| www.24856.com-彩铅画的技巧| www.273353.com-彩票店的宗旨| www.572108.com-国模雨晴拍的彩票| www.618169.com-体彩举报黑彩票站| www.535358.com-彩票交易系统瘫痪| www.673192.com-河南418彩票| www.326953.com-彩票神奇数字组合| www.99497.com-浙江体育彩票官网| www.279619.com-时时彩规律计算公式| www.372395.com-天天中彩票8月停售| www.499114.com-彩票代打吧-| www.273253.com-体育彩票发行模式| www.948681.com-国彩网平台-| www.cp0770.com-内蒙快三助手| www.493226.com-如何建立私彩平台| www.580255.com-彩吧三版-| www.657306.com-彩票游戏厅-| www.726038.com-亿佰彩票邀请码| www.793607.com-网络彩票赌博天天输| www.878416.com-彩票代购平台被骗了| www.948635.com-彩票中奖准备| 吉利彩票www.80065g.com| www.693999.com-福彩3d之家开机号| www.077118.com-陕西派彩电子走势图| www.865238.com-女生说玩彩什么意思| www.172.website彩客网足球电脑版| www.7553.cn-规划竞彩-| www.48344.com-大发时时彩后二计划| www.072898.com-6亿彩票-| www.359262.com-微博彩票是真的吗| www.197812.com-河南快三今天走势图| 13e彩票www.812680.com| www.3538.in-彩票二等奖-| www.00975.com-彩典宝库下载旧版| www.54365.com-黑龙江时时彩彩票机| www.533433.com-福彩3d八卦出号图| www.630628.com-乐彩网三地开奖结果| www.339799.com-楚雄体育彩票转让| www.495557.cc-大冶市福利彩票中心| www.590067.com-竞竞彩网比分直播| www.678663.com-趣彩屏-| www.760665.com-彩票店转让可以过户| www.688928.com-人人快三安卓客户端| www.xe14.com-70彩票app-| www.48bc.com-网上福彩申请站| www.927418.com-体彩直播开奖| www.984655.com-彩票坊哪里下载| www.dp20.com-快彩王软件下载| www.zm49.com-双彩论坛体彩三句话| www.33dw.cc-体彩排列三图谜彩报| www.335.online-天天彩票钻石三肖| www.4094.cn-彩虹4出口价格| www.71112.com-今天福彩票开奖查询| www.801994.com-云南福利彩票中心| www.718844.com-彩虹腐女是什么意思| www.741751.com-南京中彩票的人| www.831029.com-彩500正版下载| www.955252.com-彩票中奖到底有诀窍| www.cai788.com-大发快三精准计划| www.116038.com-梦见彩虹是什么意思| www.9326.online体彩开奖频道| www.460758.com-红球杀号彩经网| www.03oe.com-福彩3d五码遗漏| www.015685.com-彩票开奖体彩七星彩| www.344344.cc-时时彩进一退二倍投| www.780338.com-怎么样开彩票平台| www.209621.com-体彩五开奖结果| 大赢家彩票平台www.980205.com| www.rg05.com-168彩票真的吗| www.91.me-湖南快三开奖走| www.083805.com-福彩动物总动员诀窍| www.731604.com-易彩集团会赚钱吗| www.f15.pw-乐彩33合法吗| www.43on.com-脸上挂彩了-| www.098.la-腾讯彩票开奖直播| www.578585.com-779木漫画全彩| www.673179.com-中国体彩趋势图| www.754332.com-彩天下香港免资料| www.822077.com-足球竞彩网500| www.880934.com-私彩比较稳定的平台| www.949215.com-韩国pc28彩票| www.993282.com-网购体彩-| www.bz71.com-湖北快三输太掺了| www.sv04.com-七星彩怎么算中奖| www.40ql.com-七星彩二等奖走势图| 乐迎彩票www.114149.com| www.ou38.com-福彩快三兑奖期限| www.19qn.com-更多精彩的鲨鱼是| www.036.hk-唐龙天天彩-| www.4317.xyz-310版本彩客彩票| www.34291.com-3d彩圣诗-| www.260890.com-彩票对比器-| www.126910.com-彩铅画五官教程| www.123780.com-体彩任选3开奖| www.650533.com-手机够彩票-| www.09799.cc-山东彩沙龙论坛| www.706422.com-时时彩论坛贴吧| www.811235.com-彩票科学预测网址| www.894897.com-皇家科技时时彩宝典| www.970559.com-奥彩票-| 大赢家彩票平台www.209983.com| www.01679.com-彩风凰茶花-| 双彩网www.627012.com| www.94782.com-竞彩网计算器比分一| www.822501.com-附近的体育彩票是| www.240719.com-双色球颖彩预测| www.194819.com-代玩彩票兼职群| www.276559.com-正版的盈彩网| www.355696.com-足彩个人所得税税率| www.470688.com-三的乐彩网摘文集| www.570054.com-七彩云南第壹城小区| www.02915.com-体彩新规则-| www.48571.com-彩票零相关分析法| www.447661.com-足彩牛人微信公众号| www.611838.com-彩虹岛水果攻略大全| www.0120.com-中彩网3d字谜汇总| www.9850.cc-古建金龙和玺彩绘| www.291777.com-鸿彩网app-| www.388991.com-谷歌分分彩开奖记录| www.875372.com-神州彩票平台靠谱吗| www.72co.com-双彩票几点开奖时间| www.39nh.com-七星彩19018| www.634.club-得彩票横财的八字| www.713691.com-夭下彩资料大全| www.306098.com-香港官方网彩票| www.a88.vip-所有彩种计划| www.n64.cc-爱投网彩票客服电话| www.0233.vip-快赢彩票的网址| www.53099.cc-搜索福彩排列五| www.757800.com-百信彩票-| www.597583.com-葛林若焕彩晚霜| www.375625.com-彩票群英会改时间| www.505394.com-彩票跳转页面| www.637788.com-七星彩今天画规律| www.791522.com-京东快三彩票| www.887011.com-奔驰彩票能挣钱吗| www.981407.com-竞彩推荐唯彩看球| www.p47.net-福彩通app注册码| www.919169.com-十大黑彩来平台| 500万彩票www.39500q.com| www.074737.com-彩6下载安装ios| www.wy12.com-昨天彩票出什么号| www.4355.com-新时时彩计划| www.4253.vip-优乐彩怎么样| www.936331.com-凤凰彩票安装|