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.303848.com-福建福彩东方6十1| www.86cp.cc-彩81彩票官网娱| www.57171.cc-bb3d黑彩技巧| www.th1.com-彩票开奖双色球今天| www.839699.com-pc彩票怎么玩| www.954246.com-大红鹰彩票欢迎您| www.108862.com-新濠彩票平台安全吗| www.576675.com-内蒙古快三号码图| www.lz75.com-哪个竞彩app靠谱| www.80819.cc-手机搜狐网彩票| www.089127.com-福彩好彩三开奖结果| www.654911.com-七星彩aqq-| www.9268.loan-乐彩网充值中不到账| www.532343.com-买彩票的方法与技巧| www.663122.com-凤凰时时彩平台注册| www.231732.com-中国彩吧网开奖号| www.335127.com-快三查询结果| www.483119.com-金彩游戏兑换码| www.413621.com-好彩店彩票安卓版| www.531178.com-小学生学彩铅画好吗| www.636158.com-彩虹4无人机发动机| www.761929.com-海南七星彩最新奖表| www.855748.com-快钱彩票是骗局吗| www.926488.com-优信彩票平台网址| www.995588.cc-北单竞彩对阵表| www.cd79.com-福彩快三代理违法吗| www.582169.com-阳光彩票注册登录| www.727371.com-96彩票app-| www.7527.top-豪华彩票站-| www.88ct.com-10大黑彩平台| www.957431.com-彩01彩票软件下载| www.cp3811.com-快三中奖助手app| www.rj10.com-北京快中彩中奖| www.bg98.com-全天五分彩是骗局吗| www.125732.com-新浪彩票手机版登录| www.292653.com-福彩太湖字谜| www.487305.com-彩票能赚到钱吗| www.0575.win-意甲万博博彩| www.55188.com-体育彩票的官网地址| www.086648.com-全发彩票平台| www.194666.cc-福彩三d走势2元网| www.348600.com-福彩3d王-| www.8992.in-e球彩技巧出号规律| www.633786.com-彩乐汇是什么平台| www.447110.cc-福彩男主持人广超| www.583630.com-高频时时彩走势软件| www.338475.com-宝宝计划彩票软件| www.2380.org-七彩西游记极速播放| www.03352.com-七星彩庄家代理| www.956006.com-竞猜足彩比分预测| www.318448.com-重庆时时彩官网彩票| 金冠彩票www.49956x.com| www.7025.cm-如何买篮球彩票| www.179953.com-福彩图谜-| www.692355.com-著名的世界博彩公司| www.796189.com-盈彩汇彩票是真的吗| www.972843.com-彩客比分直播网首页| www.dw05.com-福彩销售终端机加盟| www.21kc.com-福彩店违规怎么举报| www.hg78.com-快乐中彩票下载| www.025340.com-网络彩票app| www.957624.com-七星彩机选号码5注| www.585998.com-天天爱彩票又维护| www.673958.com-玺彩画-| www.784307.com-体彩排列五预测| www.7358.biz-体彩发行-| www.150154.com-幸运快三单双买法| www.564040.com-彩票快三是不是假的| www.723072.com-双色球开机号中彩网| www.823598.com-彩涂钢板840| www.121745.com-体育彩票排列5软件| www.269499.com-彩民彩票怎么了| www.38160.com-福利彩票无纸化投注| www.008974.com-下载彩票开奖工具| www.113467.com-买彩票的qq群| www.241567.com-河北保定快三查询| www.424880.com-七彩绳代表什么意义| www.048299.com-久游彩票坑人吗| www.056816.com-河北福彩3d字谜| www.521.cx-福利彩票石家庄地址| www.91990.cc-湖南体彩幸运赛车| www.154466.com-随时赚彩票苹果版| www.281892.com-浙江体彩61走势图| 东方国际www.520935.com| www.05gd.com-彩票排五开奖走势图| www.6434.com-彩票平台话术| www.959897.com-博彩金沙网站| 众彩www.502892.com| www.kc18.com-168彩票网合法吗| www.h62.cc-彩票神奇数字组合| www.43yd.com-博友彩兼职是做什么| www.620036.com-在中国买美国彩票| www.743250.com-3d彩票规律技巧| www.839118.com-彩票彩票开奖号码| www.898011.com-富贵彩票真实吗| www.969719.com-台湾今彩-| 亿万彩票www.307996.com| www.868874.com-最准确7星彩预测| www.937227.com-易彩民彩福地| www.990417.com-汇彩网登陆主页| www.tk0.com-快三推荐一定牛| www.qd14.com-日本彩票销售下降| www.z04.cn-二四六猛虎报彩图| www.45js.com-中博国际是正规彩票| www.148.me-雪山彩虹谷游记| www.24734.com-出售送彩金彩票平台| www.658695.com-众彩彩票骗局| www.3836.pw-河内五分彩开奖结果| www.86487.com-梦想网快三-| www.220383.com-最新大发快三走势图| www.s90.cc-彩票中奖恶搞| www.125433.com-彩票分析基础pdf| www.xb63.com-一定牛彩票合法吗| www.33oq.com-2281七星彩-| www.zj17.com-3d福彩走势图预测| www.3322.love-韩国彩色漫画| www.67732.cc-博彩诈骗破案案例| www.808815.com-彩票兑换期限是多久| www.947036.com-1分彩网页计划| 六福彩票www.66ffp.com| www.210507.com-快3注册送彩金的| www.304900.com-体彩七星彩走势图2| www.366581.com-彩票33期开奖| www.956356.com-七星彩开奖号吗| 68彩票www.68682k.com| www.900565.com-快三彩金-| www.961974.com-贵州省体彩管理中心| 500彩票www.26299p.com| www.986773.com-手机能买的彩票网站| www.076810.com-美国彩票大奖| www.301656.com-苹果彩票网登录| www.01859.com-博彩如何对赌套利| www.028172.com-高频彩票停售原因| www.184510.com-湖北快三精准预测| www.235.net-时时彩后2组选8码| www.730249.com-最新彩票升奖结果| www.40701.com-打彩票运气测试| www.187137.com-老时时彩五星走势| www.771017.com-三分快三全天计划网| www.49ml.com-体彩93-| www.00939.com-金誉彩票vip3| www.69479.com-98彩票网站靠谱吗| www.020138.com-体育彩票七星彩下载| www.112902.com-大奖网买彩票犯法吗| www.176845.com-时时彩报警后果| www.092706.com-重庆时彩心得技巧| www.675347.com-今天体彩开奖| www.132811.com-彩票顶呱刮怎么注册| www.816511.com-甘肃私彩赌博| www.653933.com-甘肃快三和值遗漏| www.874077.com-众彩网能赚钱吗| www.981831.com-快三和值速查表| www.rt18.cc-99彩票娱乐平台| www.1796.vip-福彩淘彩吧-| www.19128.com-竞彩序列号能兑奖| www.058951.com-时时彩全能做号工具| www.895689.com-多盈彩票网免费参考| www.987430.com-百胜快3彩票坑人| www.6468.vip-体彩网络销售平台| www.293523.com-和彩-| www.518012.com-1228彩票软件| www.137609.com-彩票黑客骗局| www.11098.cc-足彩在哪找-| www.99jt.com-即时开彩5.4.0|