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.nv53.com-博众彩票官网| www.6114.biz-彩票20选五走势图| www.577892.com-炫乐彩票登陆| www.682509.com-彩票公益金使用范围| www.777329.com-重庆福彩手机购彩| www.899.hk-体彩九宫图-| www.1935.net-亚洲彩票app下载| www.362385.com-彩票彩八-| www.462992.com-晴予冰七星彩| www.551312.com-4场进球彩-| www.201375.com-河北快三推荐三不同| www.300700.com-彩票平台跑路前兆| www.372019.com-体育彩票真能中吗| www.468671.com-08年福利彩票中奖| www.554697.com-彩票斜码技术| www.824027.com-湖南体育彩票排列三| www.178121.com-福彩快三什么意思| www.915847.com-开彩票店多少钱| www.3030.me-0k00澳客彩票网| www.794104.com-棋牌彩票手机版下载| www.0473.me-海南省体彩中心地址| www.891245.com-彩票中奖广告语| www.ip68.com-足彩分析预测| www.239981.com-五分彩怎样买才能赢| www.37712.com-奥克足球竞彩| www.088792.com-重时彩开奖结果| www.201050.com-体彩七星彩兑奖方法| www.368803.com-越南高频彩票5分彩| www.536325.com-竞彩篮球预测网易| www.716851.com-体彩宝-| www.859016.com-彩芽的好奇全集心| www.996832.com-贵州福彩3d-| www.x41.org-大发彩票计划网站| www.177673.com-北京快三今天预测号| www.263759.com-福彩快三买卖技巧| www.337652.cc-宝发彩票下载网址| www.977104.com-彩礼的范畴-| www.303281.com-广东福彩好彩3奖金| www.721677.com-破解彩票软件的网站| www.597199.com-彩尊国际-| www.96181.cc-福彩公益行为是什么| www.37na.com-乐购彩票靠谱吗| www.363688.cc-快三信誉群-| www.73220.com-海南七星彩彩版| www.575333.com-体彩周几开奖时间| www.841233.com-彩票资源哪里买得到| www.313385.com-今日竞彩推荐网易| www.059145.com-利民彩票真能赚钱吗| www.272915.com-福彩新3d骗局| www.967348.com-网络黑彩破案困难吗| www.20.net-海南私彩三字现包码| www.20077.cc-微信彩票源码| www.785153.com-博彩客服招聘| 中国福利彩票www.34788a.com| www.195666.com-彩票内部秘密公式| www.7994.vip-博彩美縺-| www.kd79.com-盐城人彩票中两个亿| www.hs9.cc-彩票中什么叫屠龙| www.277025.com-七星彩票app下载| www.117817.com-彩票中奖排行| www.444377.com-快三下载app| www.rs46.com-彩票买一赔一| www.4934.cm-高频彩票打码量| www.108962.com-养七彩鱼必备药| www.234210.com-手机验证送28彩金| www.362108.com-印度乐透彩开奖结果| www.0311.live-彩虹的约定歌曲儿歌| www.491617.com-体彩世界杯500| www.286855.com-体彩福彩申请| www.492244.com-百乐彩票登录| www.639159.com-厦门人做彩票的多吗| www.1761.com-福彩3d两码直选| www.km2.cc-大发快三走势图规律| www.673990.com-英国彩票网360| www.789529.com-竞彩套利最新方法| www.887867.com-彩票在哪里买| www.983426.com-易彩快三技巧| www.lz23.com-买足球竞彩app| www.4tn.com-怎么分析彩票走势| www.cai6667.com吉林省体彩网| www.919282.com-时时彩做庄有风险吗| www.074781.com-彩富网免费资料| www.48zk.com-天天赢彩票平台注册| www.975535.com-冀彩宝最新版本下载| www.030095.com-香港优彩社区一| www.ol65.com-中国体彩网上购买| www.528459.com-福彩神牛双色球| www.466.club-合乐彩票哪个是真的| www.600952.com-求彩票网站-| www.88244.cc-彩票亚冠组合| www.203180.com-福彩十分钟开奖| www.290483.com-福彩3d连线走势图| www.458276.com-竞彩cba篮球| www.613311.com-福利彩票充值卡| www.781667.com-精准彩票全天计划群| www.918027.com-幸运彩票送彩金| www.ys7.com-河北快三今天预测| www.n75.cc-彩票筛选器-| www.307108.cc-江西福彩中奖| www.jw81.com-彩虹周杰伦歌词| www.539045.com-乐盈彩下载-| www.928456.com-中国福利彩票幸运彩| 大赢家彩票网www.178379.com| www.576574.com-彩界之首双色球预测| www.706165.com-中彩网全国走势图表| www.845554.com-为啥要快彩调整| www.960224.com-微信高德彩票| www.bc34.com-江苏快三走势跨度图| www.629462.com-时时彩半顺是什么| 大赢家彩票平台www.226075.com| www.34ev.com-逆袭彩票计划免费版| www.xj04.cc-好彩三中奖规则| www.225441.com-英国五分彩开奖结果| www.444259.com-彩c38-| www.931155.com-色彩风景-| www.991823.com-三分彩规则-| www.yp1.com-大神怎么玩高频彩| www.45rq.com-附近福利彩票位置| www.932217.com-时时彩随机开奖原理| www.cv29.com-吉林快三分析软件| www.n60.top-中彩网电脑版下载| www.3254.cm-彩票停止销售时间| www.647988.com-生肖彩结果-| www.71805.com-3d彩报银海今天| www.997024.com-海南福彩快2代理| www.399885.com-彩票快乐十分怎么买| www.06696.com-彩票网1216-| www.589555.com-7星彩开奖图| www.743903.com-8888彩票登录| www.925536.com-旭彩美缝剂是品牌吗| www.994512.com-福彩谜一分彩| www.bg22.com-彩票黑平台排名前十| www.83313.com-彩票计划免费app| www.126807.com-奖多多彩票-| www.249044.com-6234彩票-| www.386956.com-凤彩网登录注册| www.659159.com-七星彩机选购买投注| www.994565.com-13彩票是真的吗| www.cq82.com-彩客站快三-| www.wd40.cc-兰州体彩大乐透| www.13ak.com-500足球精彩比分| www.8313.biz-重庆时时彩质合| www.44679.com-福建体彩论坛2中1| www.81vx.com-江西福彩3d走势图| www.199093.com-河北快三今天预测| www.291918.com-福彩5d全买-| www.293635.com-苏州福彩3d开奖号| www.358920.com-七星彩容易得奖么| www.501319.com-中国各省彩礼排行| www.561291.com-湖北快三大小| www.612923.com-乐购彩官网-| www.550270.com-买彩票真能中大奖吗| www.280979.com-重庆时时彩豹子记录| www.356864.com-大庆福彩中心地址| www.535109.com-彩票开奖6号| www.616299.com-竞彩八串一-| www.702628.com-看彩票的软件有哪些| www.789666.com-好彩店彩票合法吗| www.862206.com-今日体彩-| www.919463.com-彩名堂ios-| www.965531.com-彩票机吧-| 500彩票www.501254.com| www.97ci.com-英搏彩票-| www.269231.com-彩票不允许私人创办|