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.980664.com-易彩乐彩票-| www.008190.com-天天彩选四走势图| www.q92.net-河北快三规律| www.433303.com-贵州彩票大奖| www.209391.com-韩国快三开奖图| www.qr38.com-彩票销售额如何分配| www.509768.com-彩神iii-| www.623234.com-红五彩票下载| www.82938.cc-五百彩票网下载| www.cp8298.com-北京快三遗漏值| www.20hk.com-鸿运福彩是真的吗| www.6368.bid-红牛彩票代理| www.103010.com-于立猛两次中彩票| www.185585.com-玩快三有什么诀窍吗| www.274650.com-时时彩不会输的方法| www.353568.com-彩票谁发明的| www.456343.cc-亚投彩票可靠么| www.3977.com-河南彩礼最贵的地方| www.25112.com-初学者铅笔淡彩画| www.22107.com-人人中彩票是真的吗| www.944979.com-彩票248-| www.ix3.com-宁夏快三官网| www.ys43.com-体育彩票p3三句话| www.32ko.com-七乐彩立即购买| www.482.bid-中国福利彩票申请书| www.5926.wang-亿购彩平台-| www.037446.com-彩票行家com网址| www.329594.com-马来福利乐和彩开奖| www.548299.com-竞彩足球实时比分| www.wt04.com-排五彩票九宫图| www.409455.com-今天彩票结果是多少| www.52pd.com-彩无敌app-| www.947831.com-竞彩体彩群-| www.6970.in-时时彩后2技巧| www.448001.com-好123彩票网彩彩| www.025239.com-既开型彩票-| www.876.cm-彩票平台制作怎么样| www.770211.com-黑彩代理如何拉人| www.292381.cc-福彩快三术语| www.oa03.com-福彩3d图谜总汇九| www.51rw.com-彩票大赢家足球比分| www.1387.pw-水彩画图片简单画花| www.14006.com-彩客网中国竞彩| 彩票5www.550241.com| www.179125.com-北京快3彩票店开奖| www.295422.com-上海体彩网开奖查询| www.442676.com-排列五彩票开奖号| www.3584.biz-湖北快三必出豹子号| www.029190.com-大乐透2元购彩大厅| www.199010.com-新手如何买体育彩票| www.349876.com-五彩缤纷福满天| www.rm26.com-百赢快三平台| www.2899.cm-吉林彩票管理中心| www.58187.cc-彩票33网官网| www.8817.net-宝岛国际彩票| www.010790.com-昨日福彩-| www.11856.cc-彩票最新免费送彩金| www.804300.com-网络体彩-| www.973894.com-安装500万彩票| www.756162.com-下载福建快三走势图| www.845664.com-泰国路边卖的彩票| www.8kl.com-买彩票有错吗| www.682230.com-球彩app-| www.64rg.com-笨笨足彩qq群| www.623693.com-广州鸣彩艺术骗子| www.m82.club-彩票开奖图表走势| www.827.cc-时时彩振幅分析| www.5259.net-香港赛马三重彩公式| www.273307.com-甘肃体彩app| www.367520.com-怎么做彩票中奖短信| www.504211.com-首个代购彩票业务| www.590405.com-七星彩杀四位| www.664659.com-七乐彩二十四期直播| www.746418.com-彩票坊官方平台| www.884034.com-黑彩投注比例| www.974206.com-131彩票-| www.cai3200.com快三助手app下载| www.64uq.com-福彩1d怎么打| www.3132.win-七星彩中奖号| www.854563.com-快三推荐软件| www.175761.com-彩神争8-| www.76336.com-1997彩票详情| www.113890.com-选彩票号码-| www.194675.com-南方双彩网专家预测| www.933275.com-幸运中彩票下载安装| www.c4.gg-上海快三奖金规则| www.907229.com-快三真能赢钱吗| www.990268.com-要那个彩票软件好用| www.fv41.com-国家合法的五分快三| www.1aa.cc-彩乐坊快三-| www.315708.com-旋风彩虹机-| www.439360.com-彩票预测千里马| www.770183.com-好彩苹果官方版| www.886062.com-五洲彩票平台| www.956672.com-彩票打错了要赔偿吗| www.am21.cc-网上叫人买彩票骗局| www.i20.biz-彩票代投兼职| www.1194.pw-彩票冷热趋势分析| www.1146.cc-彩富网天空彩哳| www.23918.com-彩票代表什么生肖| www.81pm.com-赣州开福利彩票店| www.7223.wang-彩虹六号大盾原型| www.958686.com-快三杀码定胆| www.nu31.com-福彩快三算赌博吗| www.185932.com-一分时时彩计算公式| www.264477.com-众网彩票手机下载| www.443559.com-1216彩票-| www.796844.com-快三每天几期| www.924447.com-亿豪彩票-| www.eg6.com-中彩彩票官网| www.900291.com-500万彩票比分直| 大赢家彩票平台www.529026.com| www.ua06.com-彩票达人合法吗| www.65rh.com-体彩18122期| www.8750.in-顺赢彩票是真是假| www.064084.com-海南私彩老板| www.949395.com-陕西体彩11选5| www.ap11.com-彩之星江苏快3| www.67211.cc-河南安阳彩票站中心| www.dn56.com-五分快三期快三计划| www.048747.com-福彩3d陈华杀尾| www.484815.cc-福彩3d连号走势图| www.522164.com-彩友沙龙玩转双色球| www.636772.com-彩虹的歌曲和儿歌| www.bq91.com-网上购买快三| www.pz81.cc-500购彩app-| www.922967.com-亚盘500彩票| www.274601.com-上海快三3两同号| www.410256.com-唯彩看球老版本| www.38285.cc-下载555彩票| www.mr39.com-浙江快乐时时彩| www.792090.com-彩票号是怎么出来的| www.mi54.com-好彩彩票app| www.873470.com-体彩排列3开奖| www.930218.com-大发快三出豹子规律| www.996364.com-黑龙红福利彩票网| www.233691.com-贵州快三查询| www.016880.com-江苏快三号码统计表| www.43560.com-彩视电脑版官方下载| www.7045.top-蓝彩2串1中一场| www.250652.com-共赢国际彩票登陆| www.325699.com-体彩排列三走势| www.358847.com-娱乐江苏乐彩| www.660565.com-住桥洞研究彩票| www.565784.com-彩票中的龙虎是什么| www.761574.com-福利彩票的种类| www.947863.com-台湾彩票分析师| www.dk88.com-广州福彩快三| www.8575.cc-大乐透彩之家走势图| www.478077.com-移动彩票积分图| www.79778.cc-339彩票下载安装| www.89311.cc-彩票可以跨省兑奖吗| www.22990.cc-王者彩票官方网站| www.334909.com-山东体彩中心电话| www.013.site-亿彩江苏快三真的吗| www.7758.cn-一分快三破解规律| www.55104.com-彩票22位组合器| www.544660.com-福彩3d合值走势图| www.627722.com-分分彩7码选号技巧| www.397792.com-世界杯足彩比分预测| www.628814.com-彩经彩票3d杀号| www.268683.com-佳缘出现彩票骗局| www.83929.cc-天价彩礼是卖女儿| www.mb91.com-糖果彩-|