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.195832.com-福彩开奖直播| www.15291.cc-彩虹形成的原因| www.568031.com-福彩3胆组-| www.673906.com-中国古代建筑彩画| www.805552.com-足彩分析软件免费版| www.576604.com-手机版粤淘彩票| www.690658.com-燕赵福彩排列五开奖| www.845031.com-台湾彩票大福彩| www.971993.com-网络统一彩票骗局| www.dc0.com-时时彩kk19| www.xd47.com-在线买彩票app| www.32666.com-福彩3d天地杀码| www.084479.com-鑫源彩彩票网地址| www.295408.com-内蒙古快三看样结果| www.396534.com-昨儿彩票出的什么| www.526560.com-19028期胜负彩| www.638523.com-福彩3d之家公益站| www.725318.com-彩票有中奖的吗| www.655220.com-互联网彩票整顿| www.775835.com-河北省彩票中心电话| www.865522.com-河北福彩5开奖结果| www.951199.com-本期足彩对阵表| 亿彩堂www.87668.cc| www.765331.com-篮球彩票可以买吗| www.900060.cc-657彩票备用网址| www.962045.com-福彩3d多彩网字谜| 彩61www.217302.com| www.83296.com-体彩e足球-| www.f54.xyz-马来西亚做博彩工作| www.045.net-1396彩库宝典| www.818337.com-搜狐体彩-| www.939654.com-云南时时彩开奖号码| www.998128.com-500时时彩彩票网| www.eo14.com-派彩网官网-| www.b78.loan-体彩福彩图标下载| www.055165.com-机选彩票号-| www.156523.com-0500彩票邀请人| www.291001.com-体育彩票大乐透走势| www.611562.com-彩虹岛水果破解版| www.699523.com-蓝球计算器-竞彩网| www.799038.com-bf彩票-| www.034555.com-网上彩票平台合法吗| www.142448.com-钰堂彩票大师软件| www.223998.com-中国体彩网电脑版| www.e88.cc-七乐彩现场直播| www.850038.com-腾讯分分彩组六必中| www.956519.com-新时代彩票平台网址| 大赢家彩票www.599416.com| www.jb39.com-彩票3d玩法介绍| www.211853.com-购买私彩是否违法| www.081567.com-梦见自己中彩票6亿| www.180967.com-中彩网提现是真的吗| www.180764.com-天天彩票app| www.018619.com-快三彩票软件下载| www.169494.com-内蒙古快三开奖号码| www.314022.com-手机看舟山体彩飞鱼| www.401991.com-uk彩是真的吗| www.507028.com-体彩彩票有几种| www.579485.com-体彩排列三杀号汇总| www.654971.com-七星彩够力小辣椒| www.726769.com-福彩自助售票机加盟| www.801081.com-福利彩票电话| www.872751.com-贵阳体彩申请| www.946778.com-彩色沥青混凝土路面| 8号彩票www.60108g.com| www.390583.com-分分彩如何稳赢| www.503359.com-快乐彩坑人-| www.568061.com-时时彩连挂30期| www.635882.com-彩票打水方法| www.706707.com-5分钟开奖时时彩网| www.809658.com-f彩网可信吗| www.929000.com-玩彩网网址是多少| www.988783.com-时时彩前三复式计划| www.a42.me-足彩19039任九| www.yt12.com-怀化市体彩中心地址| www.69ja.com-国乐彩会崩盘吗| www.2820.biz-福彩61玩法| www.ek58.com-好彩网首页-| www.189374.com-正规高频快三娱乐| www.mt22.com-玩官方彩-| www.908557.com-快三奖金对照表图片| www.112937.com-分分彩推测-| www.28if.com-乐彩手机欢迎| www.vf03.com-彩票软件网站排行榜| www.12yy.cc-王者彩票平台登陆| www.345.red-黑彩平台网址| www.6315.top-天天爱彩票苹果版| www.942524.com-彩票中5块-| www.791994.com-附近哪里有彩票站| www.950293.com-百宝彩账号密码| www.09ue.com-体彩大乐透几点封盘| www.916871.com-彩票平台注册送财金| www.fi7.cc-上海福彩快3走势图| www.s80.top-体彩排列三胆码图| www.692797.com-有乐乐彩吗-| www.069954.com-内蒙体彩票11选5| www.711161.com-彩票平台赢了20万| www.32126.cc-5258彩票兼职| www.948710.com-体彩中奖结果| www.71zi.com-现在买彩票能中奖吗| www.yl16.com-网上彩票投注站加盟| www.711634.com-河南彩民中大乐透| www.21ls.com-黑彩网站不出款套路| www.366570.com-彩铅叠色变深技巧| www.592207.com-309彩票app-| www.328815.com-巴黎人送38彩金| www.363977.com-官崎彩作品-| www.605076.com-小军网摘版彩吧图库| www.801994.com-云南福利彩票中心| www.61686.com-彩票字谜总汇大全| www.9240.xyz-乐彩站app官网| www.914856.com-淘彩官方网站| www.901066.com-河北福彩排列五开奖| www.42jr.com-七彩西游记完整| www.55862.cc-苏州彩票快三| www.k26.online-粉和彩吧-| www.98vl.com-福利彩精彩十分| www.44jg.com-福彩3d胆拖玩法| www.8989.biz-竞彩投资最佳方案| www.5856.top-彩票店农历几号关门| 梦想彩票www.33112m.com| www.588800.com-下载牛彩湖北快三| www.786324.com-淘宝怎样购买彩票| www.55802.com-彩站宝收费吗| www.105896.com-博彩票平台-| www.cp7760.com-手机买彩票网站| www.33kt.com-牛材网彩票图谜汇总| www.180075.com-湖北福彩快三一定牛| www.946836.com-彩板围挡价格| www.866593.com-什么彩票星期三开奖| www.979635.com-玩时时彩送彩金| www.bf90.com-黑彩平台注册| www.07lq.cc-成都三彩家-| www.0794.in-足彩在什么地方兑奖| www.179961.com-3d彩宝走势图| www.291951.com-快三所有号码| www.55659.cc-福利三分彩开奖号码| www.352644.com-台湾福星彩开奖直墦| www.528472.com-微彩点播苹果版| www.645432.com-七乐彩玩法与奖金| www.805831.com-时彩跨度-| www.874314.com-808七星彩长条| www.947786.com-福彩什么时候开奖| www.999753.com-669彩票app-| www.en99.com-体彩开奖直播| www.006809.com-500万彩票-| www.082735.com-体育彩票店的发展| www.179311.com-五分彩骗局-| www.980833.com-彩票源码论坛| www.644040.com-风彩彩票可靠吗| www.806414.com-申航彩票网站| www.890512.cc-u9彩票app-| www.jt3.cc-河南快三最大遗漏| www.rt47.com-新浪竟技风暴彩票| www.12625.com-在线体育彩票app| www.8058.me-北京骰子彩票| www.330978.com-人人中奖彩票真实吗| www.330491.com-足彩让球0什么意思| www.0402.org-彩票大赢家排列五| www.699583.com-好彩客中了50万| www.88uq.com-中华购彩邀请码| www.3091.cn-融彩网是什么意思| www.8965.vip-彩票计划网站怎么做| www.514698.com-澳洲彩票中奖号码|