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天

知道了
彩01彩票 www.987063.com-竞彩足球大小球玩法| www.208828.com-福利彩票查询今天| www.668522.com-泰国博彩客服| www.663782.com-中体彩大乐透| www.640005.com-福利彩票计划| www.737989.com-彩票微信平台骗局| www.856162.com-幸运快三代玩群| www.943318.com-博众时时彩官网| www.998981.com-青海快三推荐今天| www.dc78.com-彩票店怎么开| www.71wd.com-福彩快开新规| www.688.link-福彩3d形态预测| www.057498.com-河北快三二不同玩法| www.44oa.com-竟彩360比分直播| www.907.hk-奔驰彩票网页版| www.4910.com-688彩票例行审核| www.04788.com-手机还可以买足彩吗| 易彩网www.12455z.com| www.477777.com-赣州彩票-| www.012375.com-一定牛彩票电话| www.174746.com-最新福彩快3助手| www.276270.com-各种釉彩大瓶历史| www.449498.com-体彩18122期| www.562326.com-3d福彩论彩吧| www.676999.com-万彩办公室大师| www.350111.cc-乐彩首页17500| www.95sz.com-爱投网与口袋彩店| www.206807.com-106官网彩票平台| www.64te.com-双色球老杨说彩| www.134037.com-七星彩彩经网| www.019711.com-手机星彩网-| www.82909.com-体彩大乐透最新开奖| www.841725.com-福彩3太湖字谜| www.308113.com-7星彩开奖号码| www.391687.com-全讯彩票-| www.51672.cc-2017竞彩普及日| www.288668.cc-2元彩票走势图大全| www.35516.cc-宝马彩-| www.92938.cc-博牛彩票是什么| www.047877.com-福彩排列3走势图| www.058618.com-南京彩虹儿童关怀| www.170508.com-易彩-彩民福地登录| www.h20.shop-中彩网今曰开奖公告| www.43ou.com-彩八台球对战| www.865892.com-贵州快三怎么追跨度| www.c2.net-湖北快三预测一定牛| www.k12.in-3d牛彩网-| www.0941.win-高频彩开奖随机吗| www.bt99.cc-7彩合法吗-| www.v05.com-彩票中奖可靠吗| www.95gp.com-kk彩票坑钱吗| www.5079.cn-足球彩票手机在哪买| www.83482.com-刘海柱买彩票电影| www.102502.com-最新彩票大奖| www.223517.com-500彩票走势图| www.384868.com-d9彩票是官方的吗| www.634252.com-建盏出彩过程| www.727865.com-这样买快三-| www.853804.com-云南时时彩开奖码| www.41144.cc-永盛彩票官网| www.060781.com-私彩和官方有关系的| www.295589.com-彩票开奖查1询| www.633088.com-网上篮球彩票哪儿买| www.567748.com-越南有什么彩票| www.99275.cc-体彩任选八中奖规则| www.226993.com-南宁快三走势一定牛| www.478.bid-福彩3d手机论坛| www.wo42.com-快3骰子彩票在哪| www.299326.com-看彩票走势图怎么看| www.627046.com-二十选五福彩| www.548608.com-第九彩票官网下载| www.669907.com-海南体彩网唯一官网| www.539432.com-福彩销量下滑| www.837573.com-立彩彩票合法吗| www.69791.com-福彩排列五预测号码| www.98820.cc-大乐透彩票截止时间| www.1403.link-重庆有时时三分彩吗| www.027679.com-体彩刮刮乐代码| www.197033.com-福利彩票开奖直播网| www.100552.com-易赢彩票官网| www.286763.com-福彩申请电话| www.986049.com-中国足彩网最新版本| www.af26.com-彩票开奖大厅结果| www.216781.com-众信彩票是骗局吗| www.09575.com-珠江彩票下载安装| www.946789.com-彩钢临时围栏图片| www.hu6.cc-湖北快三多久一期| www.137034.com-c99彩票下载| www.721516.com-数学家研究彩票规律| www.373725.com-好彩香烟爆珠蓝莓味| www.77495.com-必赢彩票网正规吗| www.080801.com-可以网上买彩票| www.459973.com-圣地彩苹果怎么下载| www.39291.com-福彩3d图谜汇总九| www.006001.com-广西移动手机福彩| www.856285.com-提供澳门时时彩平台| www.357329.com-离婚后彩票中奖算| www.520105.com-财神彩票简体中文| www.588721.com-今晚海南七星彩头尾| www.655735.com-乐彩骗人套路| www.279833.com-5分钟开奖时时彩| www.38225.cc-2019购彩app| www.9022.biz-购买nba的彩票| www.60975.com-河北体彩申请| www.586916.com-青海快三的彩票台子| www.677315.com-最新的彩票网站大全| www.819624.com-腾讯分分彩怎么平刷| www.900191.com-甘肃快三技巧顺口溜| www.961587.com-官方手机购彩票软件| www.cai4033.com快三安徽开奖结果| www.743365.com-多多彩票官方网站| www.837127.com-东方红9亿彩票| www.895127.com-免费彩票合买软件| www.965943.com-狗万足彩吧-| www.09lk.com-泉州体彩直播聊天| www.320704.com-彩票预测系统| www.397487.com-春节期间福彩停售吗| www.494896.com-湖北快三加奖介绍| www.07666.com-500彩下载手机版| www.74jy.com-什么是数字型彩票| www.207234.com-正规彩票平台有哪些| www.284433.com-福彩体彩哪些彩种| www.026450.com-今天3d天天彩图| www.33949.com-斐波那契与彩票| www.zw47.com-江苏快三大小怎么算| www.27rl.com-重庆时时彩漏洞在哪| www.it69.com-彩票官方-| www.467.tv-买彩票和奋斗| www.3865.com-福彩三d和值谜总汇| www.674365.com-全国体育彩票试机号| www.762182.com-怎样注册极速时时彩| www.834242.com-好彩烟和万宝路| www.894981.com-海南体彩手机购彩| www.980834.com-江苏体彩网| www.js2.com-河南481彩票| www.007935.com-双色球网易彩票网| www.93bd.com-彩票的三个原理| www.9330.vip-彩球滑梯类似游戏| www.114350.com-贵州福利彩票3d| www.044010.com-什么软件可以扫彩票| www.138265.com-爱乐透彩票双色球| www.697069.com-福彩字谜图谜总汇九| www.8010.cn-彩虹伞儿歌大全| www.74219.com-c彩61平台下载| www.055361.com-江西快三彩票网站| www.24714.com-彩铅画图片人物古风| www.96739.com-竞彩足球胜平负概率| www.562142.com-大公鸡七星彩手机| www.659985.com-彩名堂计划最新版本| www.767288.com-香港牛蛙彩票.资料| www.rn50.com-彩票新政-| 500彩票www.652531.com| www.761504.com-陕西体彩中心在哪| www.824299.com-七星彩分析预测| www.875052.com-中国彩吧图-| www.922002.com-中国体育彩票彩友吧| www.978696.com-好彩∫开奖结果| www.cai2266.com福彩3d开奖结果| www.056687.com-梦大奖网海南七星彩| www.322595.com-竞彩中奖单-| www.409646.com-e乐彩票网-| www.518600.cc-福彩王素英判多少年| www.618132.com-彩票注册登录| www.698600.com-时时彩刷5星漏洞|