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.ep83.com-福彩三d-| www.335173.com-官方彩票和传统彩票| www.001976.com-深圳福利彩票官方网| www.242867.com-买彩票的人赌博| www.242198.com-数学还能破解彩票| www.081989.com-彩票万能公式| www.307234.com-人人快三开奖| www.237396.com-足球竞彩网站| www.17217.cc-动物福彩开奖走势| www.1459.vip-彩铅动物画图片手绘| www.03253.com-欠债买彩票-| www.3630.biz-网易彩票充值的钱| www.609212.com-今天赛马赛果和派彩| www.62zh.com-排列五彩票图纸| www.977762.com-足彩竞技-| www.fc50.com-117彩票app-| www.045567.cc-手机彩票平台大全| www.161195.com-齐齐哈尔快三查询| www.84614.com-彩色混凝土多钱一方| www.615623.com-江苏体彩地址| www.717861.com-七星彩如何兑奖| www.801298.com-互联网彩票团彩| www.876100.com-新启航分分彩| www.959745.com-大发时时彩计划数据| 亿彩堂www.87668r.com| www.910718.com-中国足彩网官方首页| www.174883.com-贵州福彩快3走势图| www.788598.com-竞彩篮球受注赛程| www.464263.com-福彩今田试机号码| www.32977.com-苏州市体彩管理中心| www.021467.com-七k彩票-| www.805188.com-七乐彩中七个基本号| www.4655.biz-那个彩票买的人最多| www.33594.com-初玩彩票怎么玩| www.88642.com-神秘彩票app| www.b80.top-抚州市福彩中心| www.977868.com-七星彩10期开奖| www.yx1.cc-彩票技巧顺口溜| www.wm55.com-体彩排列三试机| www.cp3110.com-街机快三游戏| www.vb34.com-福彩3d号码杀码| www.332830.com-怎样买彩票会中大奖| www.13lr.com-365彩票不能提现| www.99kn.com-博竟时时彩app| www.984279.com-三不同福利彩票规则| www.ey21.com-大发时时彩玩法技巧| www.zr68.com-竞彩app官方下载| www.539838.cc-时时彩跨度走势图| www.622606.com-706官网彩票平台| www.697150.com-体彩排三开将结果| www.213659.com-彩神lll下载| www.9070.biz-人物彩铅画-| www.686.cm-福利彩票收税多少| www.123709.com-七彩中奖-| www.710090.com-各地彩票样式不一样| www.818043.com-足彩19024彩果| www.95ko.com-星际彩票平台正规吗| www.6955.org-体讯网彩票-| www.501308.com-易彩堂公司地址| www.594854.com-三地乐彩论坛| www.31817.com-快3中彩网大数据| www.667071.com-彩票33怎么下载| www.750046.com-鸿运吧彩票-| www.86171.cc-彩宝网开奖结果公告| www.088999.com-幸运农场重庆福彩| www.169074.com-河南快三走势| www.560560.cc-3d福彩2元走势图| www.632605.com-吉林市新快三| www.25013.com-用彩铅画桃花树| www.72201.com-广西快三投注技巧| www.033166.com-678彩票网规律| www.115171.com-超级彩票助手下载| www.552879.com-彩票选号聪明组合| www.690029.com-老乐看彩双色球预测| www.801133.com-梧桐彩票app| www.60442.com-七乐彩票开奖查询| www.8jc.com-七星彩大赢家破解版| www.86ks.com-北京快三豹子推荐| www.5029.biz-福利彩票是怎么买法| www.415647.cc-足彩欧洲投注比例| www.082591.com-彩票下一期开奖时间| www.666237.com-小鹿多彩彩票| www.802900.com-长沙体彩中心电话| www.877092.com-福星图库台湾福星彩| www.122253.com-福彩作弊的回应| www.19763.com-嘉兴福利彩票兑奖| www.074852.com-手机里买彩票怎么卖| www.181864.com-中国官方彩票app| www.739462.com-极云彩票销售系统| www.830512.com-彩票可以跨省兑奖吗| www.942210.com-体彩佣金几号发| www.cai3511.com快三屠龙技巧| www.qp10.cc-pc彩票是怎么玩的| www.173023.com-下载湖北快三走势图| www.719902.com-海南私彩七星彩| www.861614.com-彩宝贝开奖查询| www.954707.com-掌上彩票pro| www.cp2013.com-快三猜一个号就中奖| www.d07.top-福彩3d字迷新彩网| www.48gw.com-体彩柜台-| www.1598.cc-乐聚彩票破解版软件| www.8358.vip-宁夏福彩快三头| 网易彩票www.07163w.com| www.333239.com-中彩网客户端| www.82808.cc-搜狐彩票图表大全| www.654819.com-东方彩票是违法吗| www.737852.com-欢乐彩票官网下载| www.814909.com-哪个彩票有秒秒彩| www.883677.com-彩票处长-| www.963403.com-大发彩票开奖| 老彩票www.772701.com| www.ft98.com-彩神ll下载-| www.wc57.com-七星彩今日开奖结果| www.533751.com-守号买彩票中九亿| www.628969.com-095彩票邀请码| www.704903.com-彩票app送30| www.9479.com-混凝土彩色地坪施工| www.js94.cc-网上买彩票靠谱吗| www.1010.cc-万彩吧六开彩奖百度| www.108821.com-新彩票平台奖励彩金| www.p47.cc-高频彩计划大全| www.135269.com-一品彩票是真是假| www.053494.com-今天吉林快三号码| www.626210.com-江西体彩客户端下载| www.712859.com-七星彩中5个| www.136906.com-附近福彩-| www.250177.com-彩99下载安装| www.346873.com-任九场胜负彩预测| www.470030.com-境外彩票在线购买| www.574990.com-彩票公司系统出租| www.656283.com-众赢彩票app下载| www.722998.cc-快三包号一共多少注| www.801124.com-重庆彩票领取方式| www.871098.com-福彩投注app| www.942941.com-百姓彩票时时彩| www.993390.com-足彩19044实单| www.71qh.com-福彩结束时间| www.821496.com-福彩3d今天图纸| www.892691.com-彩经网遗漏值| www.954601.com-掌上彩票pro官网| www.995314.com-香港五分彩的规律| www.ch0.cc-500快3彩票-| www.271532.com-好彩三复式-| www.565193.com-徐文轩福利彩票专家| www.631155.com-好彩生肖图-| www.929135.com-中国福彩网怎么充值| www.996499.com-黑龙江彩票app| www.fn9.com-天津时时彩app| www.959826.com-快三平投怎么赚钱| 大赢家彩票平台www.730719.com| www.gv96.com-093彩票注册| www.yb27.cc-贵州彩票巨奖骗局| www.na3.com-玩快三平台-| www.804401.com-疯彩娱乐app| www.887674.com-十大可靠彩票平台| www.954327.com-排三彩票网-| www.993110.com-竞彩足球足彩分析网| www.cp7633.com-七星彩玩法-| www.mp09.com-七星彩中奖查询| www.20go.com-四海资讯时时彩| www.96ft.com-火星彩票网站| www.2556.wang-快三能算出大小吗| www.8497.cn-博彩seo犯法么| www.905129.com-网络彩票是真是假|