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.397164.com-中国福利彩票计算器| www.798098.com-北京11选5彩票| www.914973.com-大发彩票有哪些平台| www.984307.com-淘彩票网的骗局揭秘| www.yq7.cc-彩票赠送-| www.669191.com-彩票k线图软件下载| www.833560.com-足彩官方app| www.981980.com-网上快三平台幕后| www.tc07.com-分分彩追杀-| www.41uo.com-竞彩足球预测列表| www.5112.wang-天津福彩客服电话| www.254815.com-吉林快三选号技巧| www.73rm.com-彩票倍投逻辑陷阱| www.7144.vip-七彩电影院-| www.9360.pw-彩票官员全部都要抓| www.535599.com-易彩堂彩票下载安装| www.768080.com-中国竞彩网官方网站| www.953961.com-一定牛彩票客户端| www.cm91.com-吉林快三精准计划| www.63xe.com-全民赢彩票压熊猫| www.8858.vip-彩票中奖指南最新版| www.96947.com-足彩外围玩法规则| www.163370.com-福彩快三不给提现| www.751877.cc-1彩娱乐代理| www.318842.com-谁有快三的微信群| www.441300.com-体彩足球竞彩结果| www.622988.com-福彩双色球奖金查询| www.736251.com-快三彩票合法么| www.226816.com-稻建福彩快三走势图| www.367421.com-上期福利彩票结果| www.664517.com-七乐彩中奖查询单是| www.231961.com-750彩票网-| www.8209.cc-下载分分钟彩票| www.875.cm-少儿彩铅画作品| www.45ee.com-彩虹3无人机造价| www.201978.com-福彩三b图迷总汇| www.310625.com-云南省体彩兑奖地址| www.539021.com-彩票转让合同纠纷案| www.077058.com-12生肖彩票网| www.198782.com-大发快三怎么刷流水| www.302458.com-甘肃快三走势图今| www.392772.com-驴大萌彩铅教程| www.523172.com-彩票王成周-| www.618434.com-我要看彩票开奖| www.565694.com-时时彩代打骗局贴吧| www.665284.com-彩虹岛装备交易平台| www.767144.com-牛彩app-| www.906063.com-安徽快三规律| www.z47.cn-赛车彩票技巧| www.431442.com-竞彩凯利方差指数| www.550982.com-福彩3d追号划算吗| www.628954.com-彩色一体打印机价格| www.706805.cc-杭州体彩中心在哪里| www.789402.com-篮球竞彩博彩软件| www.866556.com-昨天的福利彩票| www.935057.com-天天赢彩票安全吗| 网易彩票www.090040.com| www.762276.com-一赔一彩票平台| www.898247.com-广西体彩app| 500万彩票www.06500w.com| www.373921.com-辽宁体彩十一选五开| www.505492.com-彩坛元宝独胆| www.265740.com-l浙江福彩-| www.340509.com-大乐透专家众彩网| www.492335.com-体彩大乐走势图| www.582161.com-彩神应用软件违法吗| www.658749.com-范伟买彩票中奖号码| www.734468.com-3d胆码预测凤彩网| www.611066.cc-彩38彩票官网登录| www.wh49.com-体彩排三开奖号| www.51nr.cc-彩博8888官网| www.0311.cc-福彩销量下滑| www.6886.com-好彩1历史结果| www.70pj.cc-芜湖体彩竞彩店| www.813438.com-3d福彩电脑板| 68彩票www.68682l.com| www.109394.com-132彩票下载| www.gb34.com-福彩快三如何追号| www.319316.com-彩票pc蛋蛋软件| 好彩www.60123s.com| www.11wk.com-体育彩票昨晚的号码| www.359022.com-福彩三地字谜汇总| www.736.red-盈博彩票是正规的吗| www.6874.vip-好彩1871欧盟| www.071701.com-江西彩票11选5| www.149374.com-3d购彩小贴士预测| www.241683.com-七星彩怎么赔| www.85554.cc-彩票翻倍计算| www.tu83.com-福利彩票购彩大厅| www.945105.com-重庆时彩五星走势图| www.cai357.com-一分快三app下载| www.6849.cn-羊城晚报晚晩好彩| www.65956.com-缅甸好彩柠檬双爆珠| www.026071.com-澳博快开彩票| www.117086.com-今日竞彩篮球预测| www.740454.com-澳门分分彩开奖官网| www.882328.com-易彩国际靠谱吗| www.80rm.com-七乐彩中奖号| www.11441.cc-76c彩票下载| www.027133.com-彩票有34数字吗| www.155791.com-泜彩电子走势图| www.375002.com-福利彩票3d广播台| www.879659.com-快乐五分彩-| www.963043.com-彩色混凝土地面报价| 博友彩www.929533.com| www.707971.com-易彩堂彩票真的假的| www.772510.com-正彩app-| www.877486.com-r8国际彩票合法吗| www.943355.com-搜索福彩图谜总汇| www.849647.com-竟彩比分直播5oo| www.954491.com-通博彩票官方网址| www.5660.cc-彩10彩票下载| www.43235.com-手机一定牛买彩票| www.92514.com-上海快3彩经网| 新盈彩www.xinyc2.com| www.cp1691.com-内蒙古度福彩快三| www.81151.com-体彩即开型彩票骗局| www.191786.com-八八彩票吉林快三| www.077161.com-新彩吧3d字迷| www.04044.cc-好彩vip下载| www.681302.com-豪彩娱乐客户端下载| www.358483.com-可以跟单的体彩平台| www.503159.com-公安部打击黑彩吗| www.633292.com-体彩篮球中奖规则| www.731003.com-大掌柜彩票平台| www.893870.com-金牛彩票网-| www.968451.com-彩票作弊事件视频| www.cp5582.com-快三和值三角图| www.96yk.com-彩票到店app| www.42565.com-搜狗彩票为什么还在| www.780487.com-爱彩票网-| www.857227.com-体彩超及大乐透| www.913788.com-万彩网彩票-| www.967194.com-即时开彩旧版| 吉利彩票www.80075h.com| www.076.net-嘀嘀彩票不能用了| www.010132.com-福利彩票30万骗局| www.2314.biz-惠泽夭下彩票| www.975914.com-2018彩礼地图| www.cp3636.com-河南体彩481| www.134468.com-福彩票开奖结果| www.304.tv-潘攀彩票-| www.218265.com-广西快乐彩开奖结果| www.553194.com-足彩竞彩中奖新闻| www.521037.com-谁有福利彩票群| www.641421.com-台湾五分彩开奖记录| www.404777.com-一定牛快三预测分析| www.182153.com-大发快三计划官网| www.272673.com-甘肃福彩中心地址| www.zt79.com-篮彩预测-| www.380369.com-今晚七乐彩中奖号码| 杏彩www.00840r.com| www.126457.com-福彩杀码预测| www.352448.com-哪里可以买基诺彩| www.536739.com-中国福利彩票双色俅| www.74nh.com-彩部首是什么| www.638172.com-足彩哲学密码| www.703838.cc-3d下载福彩-| www.765543.com-808彩票网站| www.816872.com-时时彩高手分享经验| www.885863.com-福彩快3d软件下载| www.940267.com-乐彩网图表工具| www.985398.com-关小刀足彩预测推荐| www.fi8.cc-时时彩1996-|