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.325581.com-彩宝app-| www.498997.com-手机购彩兼职网| 天下彩www.010585.com| www.27189.cc-新二彩票app下载| www.123253.com-宝赢彩票软件手机版| www.751362.com-彩拾下载-| www.xw14.com-彩票彩六旧版| www.8376.xyz-福彩晚秋和值谜| www.515184.com-七星彩三字现的概率| www.65ln.com-忻州福彩中心| www.202239.com-贵州有那些彩票站| www.540797.com-苹果手机正规彩票| www.781948.com-西弯彩票-| www.334700.cc-快钱彩票官网| www.16kg.com-蜻蜓广播天天福彩| www.0551.space-3b琓彩人杀一码| www.290606.com-彩宝是不是骗局| www.532108.com-彩票中奖金符咒法| www.860088.com-5050彩票下载| www.977941.com-怎样开福利彩票店| www.aa07.cc-福建快三走势图和值| www.266097.com-河北体彩网开奖结果| www.458505.com-竞彩串关计算方法表| www.567579.com-彩票打码晒票社区| www.652376.com-众彩几点开门| www.731802.com-高盛彩票app| www.7774.net-c彩霸王心论坛| www.303379.com-7号彩票app-| www.427302.com-足彩转九软件下载| www.660039.com-买彩票的概率| www.780079.com-彩铅画星空教程| www.937289.com-神彩福牛双色球| 幸运彩票www.768299.com| www.071038.com-四川彩礼一般给多少| www.859916.com-十分彩的骗局| www.960902.com-辽宁极速快三查询| 126彩票网www.539126.com| www.312675.com-快购彩怎么样| www.267.biz-七星彩买的人很少吗| 彩天下www.c1363.com| www.q33.com-购买彩票app| www.7bl.com-公司年会彩票| www.8309.cm-正规的彩票投注网站| www.024990.com-河南幸运彩跑马势图| www.8359.com-宁夏快三投注| www.ru27.com-网上买彩票哪个网站| www.1100.in-上海体彩排三走示图| www.565976.com-87竞彩足球-| www.561227.com-爱乐透彩票安卓下载| www.223242.com-贵州体彩网首页| www.019824.com-彩之星江苏快3主题| www.cp468.com-安徽福彩官网| www.319485.com-福彩快3到几点结束| www.863331.com-体彩开奖19029| www.100955.com-体彩三天计划王| www.543882.com-3d彩吧图第五版| www.776698.com-彩票追号是什么意思| www.vj52.com-彩票送彩金28| www.03qo.com-3d精彩十分-| www.772967.com-玩彩票心得体会| www.920.live-七星彩四等奖| www.3615.love-河北保定彩票中大奖| www.450025.com-彩店宝彩票怎么提现| www.89249.com-分分彩怎么玩可以赢| www.uf6.cc-湖北百宝彩票网| www.989891.com-彩漂液能去衣服串色| www.523123.com-时时彩真没办法赢| www.292099.com-淘彩吧论坛首页| www.368100.com-彩铅怎样配色| www.612503.com-彩票3d谜图片报纸| www.121123.com-河北时时彩11选五| www.au6.com-吉林快三输钱| www.90gt.com-乐彩网摘c-| www.318172.com-如何看快三走势图| www.524932.com-今曰开奖彩票| www.0322.net-许昌福彩体彩转让| www.9420.biz-华人彩登录注册| www.097720.com-最新吉林快三微信群| www.303230.com-彩虹网络电视手机版| www.355966.cc-彩票小概率玩法| www.34147.com-彩虹岛刷单app| www.336666.com-湖南福彩快三| www.522820.com-极速赛车彩票开奖| www.9208.cn-大庆有卖福彩机器吗| www.068115.com-go彩首页-| www.898855.com-福彩杀码图-| www.39lw.com-七星彩中奖500万| www.080288.com-竞彩规则调整| www.0417.love-福利彩刮刮乐图| www.62129.cc-体彩排列三藏机诗| www.489826.com-彩票3d夏天中奖号| www.630360.com-彩票福利彩票21期| www.28zo.com-如何玩好5分快三| www.000843.com-体彩星期三开什么奖| www.163665.com-买福彩倾家荡产| www.51872.cc-双彩i论坛首页| www.45958.com-买生肖的是什么彩票| www.658292.com-福彩机器接线图| www.cw6.com-彩票宗旨-| www.400633.com-七星彩中间值走势图| www.530768.com-时时彩到底怎么获利| www.703298.com-中国福彩利票| www.793072.com-黄石福彩中心地址| www.876725.com-玩彩能赢钱的人心理| www.959320.com-数字彩票开奖信息| 博乐彩票www.669772.com| www.jm89.com-遇到彩票托还赚了| www.0ht.com-台湾褔星彩开奖结果| www.947078.com-快乐12彩票-| www.nf6.com-一分快三走势图技巧| www.e45.me-湖北快三和值推荐| www.559190.com-呼和浩特彩票中心| www.611146.com-南京快三开奖| www.502028.com-大佬彩票网站| www.45504.com-老时时彩开彩结果| www.018124.com-时时彩万位人工定胆| www.751853.com-彩票1号-| www.381272.com-今七乐彩几点开奖| www.937217.com-单人彩票最高奖金| www.269.website美国强力球彩票代购| www.21721.com-复式彩票一张多少钱| www.021612.com-老皇冠彩票登录| www.93268.com-竞彩盘的图片| www.055668.com-香港政府彩票网站| www.4093.cm-600w彩票网官方| www.9799.date-福彩什么时间开奖| www.696648.com-澳门竞彩公司| www.039914.com-免费彩票合买软件| www.157623.com-体育彩票点球算不算| www.316078.com-上海竞彩店转让| www.422776.com-体彩店投入多少钱| www.54518.com-大发时时彩漏洞| www.141524.com-彩票选号大师客户端| www.0897.date-全民彩票vip| www.9516.xyz-海南私彩为什么火| www.51761.cc-山西中国福彩| www.000038.cc-e游彩票-| www.64822.com-建群卖体彩违法吗| www.316262.com-22彩票下载-| www.433130.com-彩票百分之八十中奖| www.537223.com-男子痴迷彩票头条网| www.640181.com-高兴彩票下载| www.0182.cn-深圳国彩-| www.0866.site-福彩双色球官方软件| www.88270.cc-彩票下载红包版| 13e彩票www.307075.com| www.gx27.com-彩票大全人工计划网| www.b89.org-网易彩票开奖查询| www.lf1.com-如何看大发快三走势| www.sj85.com-足球彩票赔率| www.0888.me-怎么玩儿快彩王| www.495978.com-篮球博彩软件| www.559390.com-彩票收藏目录| www.622448.com-大彩网比分直播| www.1357.bid-水彩画图片-| www.122642.com-网上刷彩犯法| www.176288.com-河南新快三-| www.230493.com-乐8福彩是真的假的| www.284028.com-国彩网能提现吗| www.066842.com-金百博彩民乐园| www.162328.com-竞彩足球比分手机版| www.266866.com-人人中彩票中奖截图| www.330466.com-体彩排列五规则| www.398332.com-728彩票平台|