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天

知道了
1分快三 www.557557.com-3亿彩票纳税| www.692685.com-6678彩票是什么| www.9754.xyz-足彩精灵-| www.106305.com-七彩云app下载| www.51895.cc-足球e球彩中奖规则| www.818915.com-易彩云系统福利彩票| www.902305.com-3d新彩吧藏机图| www.969407.com-福彩3d那些书| www.c5.gg-吉林快三技巧| www.9443.me-新乡农村彩礼法| www.880456.cc-网络彩票代理赚钱吗| www.966130.com-福彩3的中奖结果| 聚彩网www.290282.com| www.vm11.com-快三直选是什么意思| www.63kx.com-彩金怎么卖-| www.129.win-网购足彩恢复时间| www.908178.com-海南七星彩网大奖网| www.90bg.com-英超足彩看哪家博彩| www.570416.com-凤凰彩票安全可靠吗| www.668072.com-福利彩票中心窝案| www.796180.com-中国彩票中奖概率| www.903459.com-赢彩吧app主页| www.977466.com-上海彩妆店-| www.lc67.com-1216手机彩票| www.219242.com-彩票胆拖玩法介绍| www.313918.com-数字彩票开奖结果| www.029158.com-鸿彩怎么下载| www.128363.com-最新唯彩视频双色球| www.206233.com-彩票软件开发| www.789578.com-足彩竞猜什么叫上盘| www.881582.com-快乐中彩票app| www.957601.com-中国福彩3d网站| 500万彩票www.96386p.com| www.gx06.com-江苏福利彩票| www.7596.biz-体彩名片设置| www.170425.com-江苏快三基本走势图| www.559417.com-体彩自助售票机| www.u58.pw-石家庄福利彩票转让| www.639545.com-为什么不能申请竞彩| www.782693.cc-nba彩票下载安装| www.906226.com-日本全彩色系漫画| www.995341.com-竞彩盈利-| www.uz71.com-福彩3d怎么组选| www.645911.com-家彩网三d开机号| www.471805.com-彩名堂下载地址| www.739411.com-久久彩票安卓| www.150909.com-彩店818app-| www.132075.com-河南骗彩礼-| www.234021.com-送彩金彩票平台| www.328144.com-3d乐彩论-| www.400884.com-01彩票输多-| www.318552.com-500·彩票-| www.390696.com-玩大发彩票能赢钱吗| www.513658.com-新一彩开奖结果查询| www.585318.com-网易彩票快乐购| www.02050.com-搜狗彩票下载| www.982516.com-内蒙古快三和值遗漏| www.hk24.com-福彩字谜总汇| www.33849.com-七乐彩中奖概率高| www.005174.com-大发快三怎么抓豹子| www.632619.com-全民玩彩福彩排列七| www.nn40.com-竞彩数据app| www.x27.com-网易彩票电脑版网页| www.53kd.com-福利彩票管理员| www.088019.com-双赢彩票正规吗| www.191667.com-看彩票走势图有用吗| www.278887.com-福彩app官方| www.gz49.com-百盈彩票计划| www.5fb.cc-五分彩规律-| www.964670.com-今日竞彩新浪爱彩| www.zq9.cc-呼和浩特快三走势图| www.4411.online福彩3d选号技巧| www.91866.com-好彩一八指什么生肖| www.5747.top-天空采彩票与你同行| www.825774.com-体彩天下是假的吗| www.911532.com-快三遗漏湖北| www.71255.cc-体彩开奖结累| www.647411.com-竞彩十四场技巧| www.717954.com-聚彩彩票jc-| www.791069.com-好彩蓝莓双爆珠图片| www.867153.com-福利彩票网购| www.929940.com-北京星彩科技| www.977576.com-彩票介绍-| www.cp7310.com-福彩三地走势图| www.um46.com-快彩助手验证码| www.50oz.com-亚洲彩票靠谱吗| www.3373.date-苏宁彩票平台靠谱吗| www.20px.com-多赢彩票可信吗| www.035.loan-遇见彩虹的说说| www.4799.net-彩虹六号直播恢复| www.02497.com-至尊彩-app-| www.01ce.com-羽泉彩虹歌曲mv| www.oz38.com-北京快三遗漏数据库| www.06268.com-福彩了3d走势图| www.52392.cc-意甲足彩网-| www.98568.cc-qq分分彩开奖网| www.717077.com-彩铅渐变法-| www.270633.com-爱彩彩票093| www.639496.com-彩票店怎么吸引顾客| www.4108.vip-云彩厅里有苏州快三| www.97928.cc-即开型彩票返奖率| www.612981.com-南洋彩票官方网| www.15698.com-微信扫码的彩票平台| www.195062.com-万达大玩家彩票攻略| www.271830.com-立彩彩票是骗局吗| www.31829.cc-网易彩票大快发3| www.911978.com-中国彩票直播频道| www.918110.com-新彩票快三开奖查询| www.265606.com-福彩3d判断大小| www.05145.com-时时中彩-| www.366992.com-下载彩票开奖公告| www.565981.com-87竞彩网-| www.6879.top-玩彩计划网站| www.62346.com-大赢家app彩票| www.21758.com-网上刷彩金的风险| www.560264.com-彩票分分快三大小| www.925452.com-家彩网体彩胆码推荐| www.cp906.cc-福建快三一定牛预测| www.537788.com-竞彩足球双平买法| www.639513.com-外围足彩赔率| www.725637.com-福星彩开奖网站开| www.789337.com-外围竞彩篮球| www.860299.com-黑龙江体彩十一| www.920694.com-青海快三遗漏| www.975271.com-彩票都是骗局揭秘| 亿发彩票www.901576.com| www.183535.com-福彩快3网手机版| www.723691.com-蕲春彩票-| www.793502.com-胜彩娱乐可信吗| www.876669.cc-重庆时彩助手软件| www.602307.com-别人彩票中奖我领了| www.705033.com-做彩票网站赚钱吗| www.782125.com-3分快三合法吗| www.846745.com-专家剖析彩票造假| www.903389.com-高频彩怎么买才赚钱| www.963107.com-彩钢瓦规格-| 千禧彩票www.528qx.com| www.129720.com-体彩第19015| www.451022.com-彩票中奖预感| www.545342.com-彩票组合生日的软件| www.616111.com-竞彩4场3关4关| www.fe64.com-淘彩app-| www.988855.com-pk彩-| www.gj38.com-环球彩-| www.v31.com-3d神彩涂2版| www.720775.com-中彩票兑奖图片| www.853347.com-彩票大家嬴-| www.985394.com-彩票竞猜微信公众号| www.hu88.com-快三作弊器是真是假| www.w72.club-家彩试机号-| www.64lc.com-体彩刮刮大7彩票| www.2226.vip-重庆英皇快三下载| www.9132.wang-七乐彩复式模拟机选| www.089363.com-大发快三精中计划群| www.620924.com-快乐五分彩开奖结果| www.715831.com-戒掉玩彩票-| www.788276.com-365足彩推荐| www.854627.com-酷彩网app-| www.911948.com-青海如何开体彩店| www.964226.com-足球彩票推单| www.7254.cc-儿童画画彩虹| www.877078.com-分分彩漏洞-| www.943161.com-网易彩票不能买| www.984640.com-彩8提现不了|