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.43399.com-民彩网76658| www.108739.com-彩票大厅购彩快三| www.906752.com-彩票缩水组号技巧| www.822835.com-蓝彩-| www.983608.com-第九彩票是什么| www.bk86.com-快三购彩网app| www.1244.cc-福福建今日快三| www.50881.com-网络私彩有赚钱| www.011755.com-中国福利彩票全天彩| www.131046.com-林州彩礼价目表| www.223784.com-中彩网双色球擂台赛| www.332666.com-有人在京彩玩彩票么| www.451551.com-福利彩票中奖得主| www.556656.com-彩票真实性-| www.647605.com-贵州快三开奖遗漏| www.790038.com-西宁体彩11选5| www.883677.com-彩票处长-| www.927438.com-韩国快三助手下载| www.982687.com-彩票11选5上海| www.ct4.com-快三中两个号| www.wl76.com-体彩开奖查询彩票| www.67io.com-太原体彩电话| www.1424.cn-星濠彩票游戏城| www.05781.com-彩票组合软件手机版| www.56204.com-七星彩有多少种组合| www.006906.com-彩界过客胆码| www.095909.com-台湾彩票开奖结果| www.168655.com-安徽快三玩法| www.643565.com-九彩拱北老人家相片| www.821011.com-时时彩在线计划数据| www.904011.com-深圳彩票平台开发| www.967241.com-福彩规律码-| www.120466.com-山西宝马彩票案| www.207161.com-七乐彩票是真的吗| www.287411.com-网上投注福彩快三| www.368762.com-慧扑彩票下载| www.490897.com-彩票二串加奖| www.028974.com-安徽快三技巧| www.467174.com-阿里彩票平台| www.025412.com-福州体彩中心总点| www.129279.com-新彩网福彩三d字谜| www.652376.com-众彩几点开门| www.14xu.com-qq彩票金豆怎么刷| www.941130.com-中国体彩票排列三| www.056.la-3d杀号定胆家彩网| www.cp167.com-1分快3彩票-| www.535383.com-彩票有六位数的吗| www.768468.com-下截个粤淘彩票| www.283575.com-1分彩和值怎么看| www.486794.com-代打彩票平台哪个好| www.cp9778.com-808彩票网加急版| www.554013.com-熊猫时时彩官网| www.444287.com-星宇购彩安全吗| www.523901.com-圣地彩投注平台| www.625991.com-鑫亿彩网app| www.412258.com-阜阳七彩世界| www.682300.com-微信公众号买足彩| www.872142.com-贵州省体彩中心主任| www.225666.com-快三预测软件破解版| www.505315.com-350彩票下载| www.729882.com-生彩宝app-| www.894821.com-全天五分快三计划表| www.590125.com-彩金项链周大福| www.560198.com-腾讯分分彩四星破解| www.690446.com-玛雅吧彩票游戏| www.05qa.com-国产彩色喷墨打印机| 500万彩票www.08500w.com| www.95oj.com-c语言体育彩票问题| www.vk23.com-湖北快三福利彩票| www.70xs.cc-欢乐彩票安全吗| www.2150.vip-中国彩票分几种| www.11709.com-如何开网络彩票平台| www.57554.com-澳客彩票售后电话| www.398615.com-足彩12月份对阵表| www.870172.com-挂彩是什么意思| www.815969.com-爱彩乐升app| www.699239.cc-老彩票主页-| www.146232.com-一千万彩票网| www.8337.org-七星彩手机软件| www.64007.com-陆慧明足彩微博| www.129362.com-福彩d开奖号| www.281913.com-本期的彩票指南报纸| www.444001.com-三五彩票怎么下| www.612713.com-六福彩票app下载| www.385727.com-足彩几点停售| 腾讯彩票www.tx27.com| www.yz90.com-快三精准人工计划| www.6029.wang-青岛福彩一等奖领奖| www.32138.com-8k彩票违法吗| www.045219.com-全球彩票下载最新版| www.140003.com-彩16网站-| www.298588.com-qq0163彩票网| www.376127.com-彩票在那个平台玩好| www.553704.com-竞彩领奖地点| www.625991.com-鑫亿彩网app| www.748011.com-绿色好彩爆珠| www.250267.com-爱彩彩票2018| www.538395.com-国彩合买骗局| www.686893.com-体彩竟彩网手机版| www.986447.com-基诺彩票游戏| www.pa79.com-新浪彩票竟技风暴| www.040.loan-陕西快乐十分钟体彩| www.8920.vip-乐8网彩票是真的吗| www.88184.com-乐猫彩票能提现吗| www.128671.com-快三秒总部电话| www.267084.com-福客来彩票大发快三| www.393051.com-彩铅画人物手绘图片| www.4202.cn-七彩汇娱乐手游下载| www.41038.com-中彩堂资料网址| www.020519.com-体彩竞猜玩法介绍| www.279775.com-新分分彩开奖结果| www.521561.com-体彩彩票站提成| www.652812.com-重庆时时彩平刷玩法| www.14468.com-江苏e球彩走势| www.208869.com-5分快三害死人| www.358182.com-七星彩长条最新空白| www.11kk.com-河内5分彩下载| www.556459.com-七星彩历史同期号码| www.682199.com-体彩扫码投注| www.145717.com-彩票破解手机软件| www.327560.com-今天彩票的开奖号码| www.547706.com-彩票七乐彩怎么买| www.721760.com-好彩客苹果版和安卓| www.917917.com-飞越彩虹歌词| www.44yc.com-怎样才能开彩票店| www.24858.cc-优秀儿童彩铅画| www.005100.com-彩票图查询-| www.128820.com-体彩排五开奖号查询| www.330300.cc-福彩速查表图片| www.613105.com-厦门体彩中心在哪里| www.759512.com-重庆时时彩视频开奖| www.154404.com-足彩博彩公司规律| www.315072.com-彩票之家网站合法吗| www.432109.com-大乐彩票开奖规则| www.12209.com-规秀法测彩的取数| www.039900.com-我玩网投彩票输了钱| www.263105.com-中国体彩网上购买| www.348938.com-中国彩运网-| www.471875.com-十亿彩票交易平台| www.567155.com-网易彩票内部群| 大赢家彩票www.5086f.com| www.lh77.com-51中彩下载-| www.08qv.com-古风彩铅手绘图片| www.490798.com-福彩数字3单式开奖| www.534446.com-最新够力七星彩| www.650200.com-就买一种彩票| www.737553.com-彩票输了10万| www.807720.com-福彩领奖领导| www.881154.com-老郑足彩分析的博客| www.970960.com-双色球彩托-| 网易彩票www.36788x.com| www.fk85.com-免费彩票全天计划| www.tn42.com-淘彩票大发快三规律| www.634660.com-哪种建盏能养出七彩| www.737313.com-天下好彩天空彩| www.695339.com-竞彩足球合买投注| www.772929.com-福彩三的缩水| www.872609.com-湖南体彩中心| www.jx2.cc-甘肃快三遗漏号查询| www.27353.com-九宫能破解彩票吗| www.728473.com-下期彩票开奖日期| www.810869.com-中国福利彩票的书| www.974661.com-易众彩店下载| www.ux87.com-快三全部玩法|