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.67988.cc-彩种大厅1369| www.856856.com-领航团队abc彩票| www.974246.com-大发快三坑人| www.ll14.com-彩票巴士如何| www.7sv.com-婚后买彩票中奖| www.858219.com-1516彩票下载| www.817681.com-福彩千禧开机号| www.929172.com-福彩平台跟计划赚钱| www.989664.com-国民彩票pk10| www.ej79.com-福建快三75推荐| www.6052.vip-今晚开啥特马彩票| www.129335.com-快三翻倍投注计划| www.265457.com-福彩3d彩吧预测| www.7276.xyz-彩虹六号游戏崩溃| www.35835.cc-08彩票预测软件| www.zh79.com-分分彩定位两期必中| www.903613.com-3d通福彩下载安装| 乐彩www.le53.com| www.341919.com-彩票256可靠吗| www.3214.biz-彩879彩票app| www.716197.com-澳洲时时彩计划网页| www.98281.cc-竞彩预测大师| www.286828.com-百宝彩票网-| www.831367.com-乞丐模拟器攻略彩票| www.580353.com-云南彩票弃奖一览| www.669505.com-彩票10326-| www.752848.com-彩票2元网pc版| www.822110.com-中福在线彩票害人啊| www.824228.com-三彩冬季女装| www.77738.cc-彩尊国际手机版下载| www.079249.com-怪兽猎人彩票机攻略| www.366220.com-彩铅什么牌子好| www.904168.com-足彩群-| www.344319.com-大发快三下期| www.91854.com-好彩1开奖玩法| www.366998.com-麋鹿彩铅画唯美| www.46699.com-彩票机如何连接电视| www.008889.com-新华彩票是正规的吗| www.0423.net-彩票助赢软件设置| www.344096.com-极速彩票app下载| www.qn12.com-一分快三稳赚| www.667816.com-乐城彩票违法| www.406768.cc-七星彩五百期走势图| www.535080.com-鳄鱼彩票预测汇总| www.020632.com-大发快三和值技巧| www.60709.com-环球彩票手机版| www.387679.com-华彩彩票网-| www.801298.com-互联网彩票团彩| www.831521.com-竞彩销售量-| www.906197.com-彩色蚕宝宝-| www.965594.com-快三222-| www.cp0204.com-上海快三彩票走势图| www.lp68.com-中彩了app下载| www.i60.cn-有没有福彩3d计划| www.4457.net-快三怎样玩才能稳赢| www.7878.in-0736好彩运-| www.221181.com-福利彩票软件靠谱吗| www.46ju.com-港版绿好彩哪里买| www.0060.tv-黑龙江福彩快乐10| www.5525.cc-彩虹卡通唯美图片| www.08719.com-假体彩店-| www.51681.com-竞彩计算器足球| www.96665.com-彩票案件-| www.057186.com-安徽福利彩票网| www.777169.com-下彩app苹果| www.860810.com-体育彩票11选3| www.45dq.com-快3彩票魔图| www.1501.vip-被别人说彩虹屁| www.7568.net-东方亮彩倒闭| www.17940.com-皇元彩票平台| www.60448.com-凤凰彩票能不能提现| www.012122.com-彩票要买几个号码| www.306609.com-澳發彩票官网| www.319704.com-快三江苏快三| www.596866.com-湖南福彩领奖地址| www.550864.com-福利彩票免费杀号| www.7033.xyz-希腊5分彩开奖软件| www.f69.top-福彩官员落网| www.ik79.com-丽彩票-| www.28803.com-台湾码福星彩图库| www.464482.com-彩票投注网站哪家好| www.775178.com-皇家彩世界官方网站| www.039198.com-彩票代投骗局揭秘| www.017868.com-刚力彩芽的歌| www.89970.com-七彩视界怎么用不了| www.2875.xyz-快三群名字大全| www.8867.cm-彩票3d漏洞-| www.i84.org-福彩3d条件预测| www.194630.com-安徽快三下载苹果版| www.304874.com-一分快三能赢钱吗| www.501993.com-微信上的棒棒彩票| www.899463.com-彩神通四码免费资料| www.973621.com-广西福彩开奖号码表| www.dh81.com-福彩彩票有几位数| www.059798.com-福彩公益行最新消息| www.171166.com-广西快三中奖规则| www.257448.com-彩票巴士app下载| www.38568.cc-首存10送88彩金| www.048553.com-福彩大乐透奖金规则| www.161390.com-北京福利彩票官方网| www.pi32.com-19052足彩-| www.2667.com-6288彩票网址| 中彩www.zcwf7.com| www.4960.cc-奥发彩票-| www.008061.com-快三购买时间| www.9777.vip-三d彩票过滤器| www.69769.cc-竞彩猫收费破解| www.dj02.com-李永乐老师讲彩票| www.495477.com-利记博彩公司特点| www.444469.com-360福彩官网| www.925711.com-彩富网正挂牌| www.979077.com-500彩票是假的吗| www.nl1.com-甘肃快三推荐号推荐| www.rj25.com-快三中了多少钱| www.0791.site-澳门快三彩票| www.44wv.com-uc彩票技巧-| www.ro71.com-彩票输了-| www.586831.com-彩吧助手电脑版| www.671745.com-3d走势图一彩宝网| www.770621.com-临沂七彩桥商务酒店| www.ir10.com-博纳彩票-| www.209675.com-大发快三是什么平台| www.671939.com-彩店宝能不能用| www.938160.com-网络彩票的害处| www.987872.com-正规售彩网站| www.877269.com-你是彩迷吗-| www.591681.com-sb博彩公司-| www.929193.com-玩彩网有问题吗| www.817513.com-时时彩赌博骗局| 惠民彩票www.hm8222.com| www.ys11.cc-体彩主任违法乱纪| www.87xv.com-快三推荐代码是什么| www.cy12.com-大发时时彩计划网站| www.288857.com-彩票站开业宣传| www.577334.com-彩票今日开奖查| www.660565.com-住桥洞研究彩票| www.730390.com-互娱彩票下载| www.790518.com-天吉彩票论坛吉| www.853776.com-彩票倍投方案低成本| www.924287.com-福彩彩票3d-| www.982725.com-好彩app安全吗| www.pl68.com-神彩争霸app下载| www.eh76.com-福彩三地开奖| www.86689.cc-竞彩二维码扫码出票| www.74868.com-荷花彩铅画图片教程| www.335173.com-官方彩票和传统彩票| www.461433.com-我玩彩票害死了| www.567629.com-高频彩票为何一定输| www.658695.com-众彩彩票骗局| www.804477.com-cp彩票是什么项目| www.67mm.com-万家彩票手机登陆| www.990602.com-彩750彩票-| www.cp6550.com-e球彩总进球数| www.103575.com-体育彩票百科| www.139184.com-二分时时彩技巧| www.991024.com-彩神争霸网址是多少| www.8838.wang-彩票门户网址大全| www.8517.xyz-牛蛙蛙彩票开奖| www.65996.cc-体育彩票选号助手| www.005143.com-星刚力彩芽-| www.05188.com-手机玩彩票安全吗| www.06884.com-九州彩票是不是假的| www.100745.com-体彩独胆预测胆码| www.8fr.com-1396j时时彩|