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.ks26.com-快三彩票免费送彩金| www.14513.com-辽宁全运彩开奖结果| www.395961.com-金承志彩虹合唱谱| www.874764.com-梦见彩票数字| www.977458.com-大牌彩妆店-| www.pe.cc-体彩是赌博吗| www.32635.cc-开封杞县彩礼价目表| www.036381.com-福福利彩票快3| www.769321.com-彩票秘籍公式| www.875459.com-彩易网-| www.964870.com-国家禁止彩票软件| www.3be.com-天彩翼飞淘宝店| www.746633.com-冀彩宝可信吗| www.88583.com-宝利彩票推荐码| www.782275.com-七乐彩票app下载| www.124351.com-福彩3d牛材网字谜| www.pq28.com-彩票36o-| www.77fh.com-福利彩票预知号| www.24xa.com-华彩集团有限公司| www.i72.net-微彩吧是正规| www.6444.in-福彩双色球选号查询| www.268244.com-668彩票官网| www.577329.com-彩票排五开奖查词| www.055211.com-彩票沉迷破产| www.cg84.com-伯爵彩票app| www.982470.com-多少岁可以买彩票| www.36113.cc-678图库彩图| www.701219.com-下载福彩开奖信息| www.800039.cc-购买体育彩票大乐透| 凤凰彩票www.77803c.com| www.029714.com-武汉体彩领奖地址| www.787411.com-彩客比分直播| www.91ca.cc-彩票pk10计划| www.842638.com-公益彩票金如何使用| www.75984.com-竞彩足球跟单计划| www.301097.com-下彩网手机客户端| www.18547.com-彩票那期中奖人最多| www.d26.shop-彩之星用微信赚钱| 网易彩票www.083wy.com| www.80rh.com-银河彩票网可以信吗| www.298058.com-人人彩骗局揭秘| www.379921.com-彩票分站-| www.514146.com-网彩靠谱吗-| www.745522.com-微信登陆彩票下载| www.21uh.com-彩虹计划骗局| www.4641.cn-还有什么彩票可以买| www.898331.com-今晚六会彩开奖结果| www.296835.com-快三扑克-| www.261357.com-uu直播彩票计划| www.kq34.com-五百万彩票网完整版| 乐赢家彩票www.918356.com| www.bg08.com-如何看快三走势规律| www.502632.com-欧洲杯彩票哪里买| www.766899.com-体彩排列3开奖情况| www.917692.com-彩库宝典下载最新版| www.26ht.com-发彩可丽丝染膏| www.883888.cc-玩凤凰彩票输了好多| www.p66.net-一号彩票-| www.02en.com-彩虹色头发-| www.751633.com-每日彩票-| www.828223.com-吉购彩app-| www.921388.com-彩票中奖走奇门| www.987221.com-全民福彩下载| www.bg59.com-中国彩骗局-| www.rj26.com-中国福利彩3拖8| www.3jl.cc-彩票聊天室整点红包| www.mb94.com-24号快三开奖结果| www.q73.cc-体育彩票开奖日期| www.958870.com-今日彩票开奖详情| www.cai122.cc-快三群骗局揭秘| www.ip07.com-河北省福利彩票快3| www.b19.biz-福彩、体彩开奖公告| www.24yq.com-好彩赢三张怎么提现| www.437726.com-彩票投注站宣传语| www.553504.com-要怎么戒掉赌足彩| www.611540.com-彩虹代刷网源码正版| www.675503.com-彩票站连连看| www.739234.com-红彩网分分快三| www.800876.com-精英彩票-| www.874314.com-808七星彩长条| www.931616.com-竞彩对冲套利方法| www.978741.com-河南省福彩发行中心| www.cai3453.com时时彩高手方案| www.61156.cc-新加坡彩票投注站点| www.491878.com-彩票代下兼职| www.33897.cc-五分快三真正技巧| www.96929.cc-崔永元说彩票的节目| www.364098.com-福建快三豹子出号| www.a31.pw-7乐彩中奖结果| www.093353.com-江苏快三手机平台网| www.809.live-买什么彩票中奖率高| www.653116.com-七乐彩中奖彩票真图| www.305527.com-机选一注大乐透彩票| www.gg53.com-彩铅画图片大全花草| www.594799.com-好彩堂玄机-| www.700469.com-足彩什么时候兑奖| 豪彩VIPwww.18399.com| www.720213.com-下载奔腾彩票| www.833207.com-55彩票官网下载| www.893081.com-在线做号工具时时彩| www.957985.com-彩票最新改革| 网易彩票www.071wy.com| www.qd0.cc-中福快三开奖规律| www.256184.com-官方彩下载-| www.004101.com-整治福彩-| www.106870.com-如何自己开彩票平台| www.185810.com-如何玩快三-| www.7826.live-彩票开奖要多久| www.563368.com-今日大乐透彩民乐图| www.751081.com-九彩彩票手机版| www.896288.com-玩彩网网址-| 亚投彩票www.ya044.com| www.vx45.com-快三真的能赢钱吗| www.941.mobi-星彩网站是多少| www.xb44.com-七星彩规律图局王| www.43ft.com-分分彩八码滚雪球| www.505940.com-鞍山彩票大案| www.759883.com-时时彩预测宝典| www.839934.com-pc彩票-| www.399614.com-库番全彩大全| www.109958.com-足彩任九开奖| www.365413.cc-彩票快三如何稳赢| www.055729.com-我要买彩票双色球| www.23396.com-景德镇体彩中心招聘| www.267579.com-彩票思路-| www.942517.com-2元一注是什么彩票| www.jz.cc-下载福彩选号助手| www.438506.com-乐亿彩票乐逸报| www.159538.com-旺彩彩票-| www.784838.com-彩球闯关游戏大全| www.560032.com-福彩3d今天的预测| www.055763.com-彩票坊一分快三| www.2578.in-用数学的眼光买彩票| www.751615.com-幸运中福彩软件| www.28em.com-讯彩票-| www.6630.biz-腾讯分分彩五码公式| www.26311.cc-彩吧彩票上的大神| www.76122.cc-广州收购过期彩票| www.15798.cc-少儿彩铅画图片| www.089660.com-彩票刷流水技巧| www.199145.com-快三开奖奖金是多少| www.34pg.com-七星彩有人中过吗| www.0911.pro-盈彩彩票合买平台| www.713331.com-实亿彩票官网| www.839622.com-福彩字谜鬼六神算| www.gd65.com-新快三单机游戏| www.15eb.com-彩票23期-| www.1423.cm-彩虹伞的玩法及口令| www.59223.cc-福彩3d研究者| www.072757.com-福彩3d特准杀码| www.123573.com-体彩在线直播| www.278895.com-快三秒热水器安装图| www.32.com-福彩近十期开奖号码| www.539451.com-彩票店前景-| www.619355.com-胜负彩足球500| www.of97.com-快三客是什么样子的| www.2489.cn-唯彩看球网页版| www.060850.com-3d快三怎么买| www.6420.in-彩票33号平台| www.502111.cc-093彩票安全吗| www.632073.com-湖北休彩11选5| www.784000.com-彩99新版-| www.2968.club-体彩3l选7-| www.185865.com-极速时时彩怎么玩|