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.180779.com-福彩快3彩票站提成| www.226006.com-777彩票团队计划| www.878234.com-牛彩网3d图谜汇总| www.fa91.com-瑞彩祥云江苏快3| www.16101.com-新浪彩双色球走势图| www.283573.com-什么彩票六位数| www.398223.com-七星彩今年初几开奖| www.91639.cc-好彩香烟烟悦| www.899341.com-全球彩票下载最新版| www.193739.com-延吉市体彩管理中心| www.275058.com-168彩票苹果版| www.349560.com-中彩网三d开奖| www.269192.com-手机网上赚钱送彩金| www.305709.com-买彩票不给钱案例| www.56430.cc-福彩有哪些高频彩种| www.255877.com-吉林快三剖析数值定| www.8988.in-高频彩信誉排行榜| www.061335.com-我要去附近的彩票站| www.958275.com-七星彩所有数据| www.238909.com-首充送38彩金| www.86396.cc-福彩牛彩涂全图查询| www.055057.com-彩色方块消消看| www.uu77.cc-正规的高频彩| www.35ro.com-基诺型彩票骗局| www.366189.com-儿童可水洗彩笔| www.750413.com-时时彩攻略技巧集锦| www.953081.com-福彩好彩一走势图| www.dc4.com-三分快三在哪里玩| www.te50.com-快三时时彩官网平台| www.83lp.com-快赢95彩票靠谱吗| www.62708.com-新福彩走势首页| www.610036.com-体彩足彩几点截止| www.740422.com-澳门彩票玩法| www.261776.com-福利彩票一体机| www.629098.com-手机分分彩app| www.596099.com-中彩票后怎么领奖| www.708179.com-相亲彩票漏洞骗局| www.877159.com-福彩三地家彩开奖网| www.bl.com-快三豹子号最长遗漏| www.657094.com-中彩网天吉论坛3| www.774477.cc-花生彩票真的假的| www.899030.com-附近彩票销售点| www.970606.cc-福彩3d牛材网字谜| www.ac32.com-正版马会开彩结果| www.062895.com-淘宝彩票网站| www.974383.com-彩虹旗论坛-| www.3934.cc-足彩单关稳赚| www.272802.com-传统彩是真的吗| www.23gm.com-彩票史上第一大奖| www.651741.com-8828彩票注册| www.729949.com-卓易彩票软件| www.820276.com-体彩客服主要做什么| www.901623.com-3d今天福彩开奖号| www.961746.com-河南省福彩网手机网| 金冠彩票www.49956p.com| www.376718.com-必赢彩票官网app| www.518495.com-彩发发官网下载| www.026470.com-福彩3d千禧图谜| www.374855.com-7好彩高手论坛| www.5666.live-吉林市彩走势图| www.61677.com-大胜彩票首页| www.03hx.com-今期老鼠报彩图| www.098953.com-下载福利彩票双色球| www.242647.com-江苏彩票快三| www.326980.com-买彩票什么叫屠龙| www.388657.com-彩35注册-| www.487173.com-重庆时间时彩走势图| www.555865.com-中信佳彩平台| www.615279.com-手机买福利彩票安全| www.695271.com-公益体彩乐善人生| www.766779.com-玩糖果彩犯法吗| www.833626.com-双彩论坛手机版下载| www.898127.com-彩票二维码扫描| www.964776.com-体彩排列三彩吧图库| www.28ac.com-491论坛彩票| www.753508.com-哪种彩票真实性高| www.844726.com-体育彩票特性| www.930098.com-1980彩票官网| www.982807.com-如意彩票网登录| www.cr6.com-三分快三开奖规律| www.me37.com-彩票十分钟开奖号| www.111115.com-彩票no123-| www.180527.com-人人快三官网| www.238727.com-快三回血大师带| www.303927.com-三分时时彩技巧集锦| www.366677.com-体育彩票003| www.454799.com-全球著名博彩公司| www.539276.com-超级时时彩缩水| www.606735.com-时时彩定胆1码技巧| www.668922.com-体彩牛彩网图谜总汇| www.756178.com-彩宝cb8苹果版| www.865695.com-体彩19032-| www.947329.com-开发个彩票软件| www.999195.com-大运彩票手机版登陆| www.kf71.com-360彩票计算器| www.4gl.com-彩票投注手犯法吗| www.d85.net-专业彩票计划平台| www.99zk.cc-莆田市福利彩票再心| www.5653.mobi-网上买的彩票可靠吗| www.17566.cc-赢彩彩票app下载| www.66957.cc-福彩最高领导| www.006612.com-腾讯十分彩-| www.063058.com-彩票店加盟条件| www.3374.cm-足彩加命中率怎么样| www.025216.com-竞彩篮球彩票投注| www.173652.com-人人彩票下载安装| www.250144.com-广东南粤风采好彩1| www.333012.com-体彩三句话试机号| www.470299.com-乐彩网玄机图3d| www.593575.com-阳光七彩采购平台| www.797047.com-足彩连黑倍投| www.886963.com-江苏快三爱彩人| www.1ks.cc-彩神彩天下骗局揭秘| www.888.hk-彩93彩票好吗| www.5907.cm-人民币彩礼图片| www.803020.com-福彩手机购买| www.356742.com-员工年终奖彩票中奖| www.277744.com-国外彩票正规网站| www.055664.com-辽宁沈阳快三| www.96517.cc-年轻人该不该买彩票| www.077995.com-玩彩乐客户端| www.258646.com-中国竞彩网比分直| www.381694.com-谁有彩票交流群群号| www.517950.com-七星彩五行走势图淘| www.692983.com-体彩销售网点查询| www.310212.com-长春市体育彩票| www.430727.com-丰彩漆怎么样| www.35783.cc-福利彩票兼职赚钱吗| www.46034.com-时时彩网页火鸟计划| www.255966.cc-浙江快乐时时彩| www.994086.com-开户送68元彩| www.388424.com-微信彩票国家承认吗| www.842110.com-体育彩票专项资金| www.127036.com-彩铅画女孩-| www.217208.com-快三全国统一吗| www.316215.com-体育彩票旗舰店| www.417679.com-体彩六加一开奖结果| www.537342.com-c168彩票app| www.631944.com-为什么称七彩云南| www.721909.com-美国彩票破解| www.813874.com-宁夏体彩有中奖的吗| www.894989.com-竞彩投资-| www.963548.com-体育彩票足球怎么买| 500万彩票www.www.98528f.com| www.981846.com-尊彩网-| www.mg1.com-彩经网甘肃快三| www.vj61.com-彩票中奖后多久过期| www.29nt.com-简单彩铅画多肉植物| www.94vw.com-胜负彩足球比分直播| www.211016.com-彩票网站排名| www.cp4899.cc-五分快三计划| www.nu42.com-快三第一门户是什么| www.7js.com-大庆新村彩票站出兑| www.74vn.com-长沙中彩集团| www.949840.com-福彩今晚开奖| www.319267.com-七星彩私彩大奖软件| www.045377.com-福利彩票店装修费用| www.hf79.com-全中彩票下载| www.747547.com-红彩会客户端| www.680773.com-网站彩票提现照片| www.435098.com-七星彩吧论坛| www.35227.cc-七天彩掌上购彩官网| www.755736.com-大型网上购彩平台| www.896747.com-一分快彩怎样玩|