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.266948.com-90彩票快3邀请码| www.068789.com-信博彩票登录| www.336731.com-上海福利彩票时时彩| www.69724.com-体彩11选择5预测| www.ap18.com-uu快三开奖结果| www.sn4.com-湖北快三推荐号码| www.xm62.com-彩票投注站利润| www.42jw.com-梦见狗打什么七星彩| www.13898.cc-竞彩网是正规网站吗| www.770576.com-发彩网论坛-| www.930034.com-群英会彩票-| www.kp13.com-吉林快三预测号码| www.2054.in-彩神通四码资料网站| www.003124.com-幸运彩中奖奖金规则| www.853389.com-浙江体彩手机下载| www.798395.com-体彩北盟天机图| www.545190.com-香港5分彩顶呱古| www.691669.com-新浪胜负彩必发指数| www.855184.com-那种彩票中奖率高| www.986728.com-手机版苹果彩票| www.tx56.com-爱彩乐新版-| www.138101.com-福彩3d官网新彩网| www.02345.com-彩票每日首存送| www.51jr.com-买彩票买哪种彩票好| www.226922.com-最快彩票开奖结果| www.379823.com-流光益彩的近义词| www.365118.cc-蓝精灵彩报图a| www.e87.tv-七乐彩我要机选一注| www.620279.com-足彩倍率的计算公式| www.851339.com-博彩业务员-| www.5265.space-一般彩票店几点开门| www.33mt.com-福彩3d字谜靠谱吗| www.4649.xyz-彩票一天可以买几次| www.444248.com-足彩主队-| www.364773.com-好特电玩城彩票机| www.382258.com-得力彩票助手app| www.637778.com-上海福彩兑奖中心| www.192142.com-彩票283-| www.515132.com-七星彩三字现是什么| www.681697.com-足球竞彩彩票网| www.39231.com-好乐多彩票下载安装| www.14os.com-体彩兑奖需要哪些| www.049033.com-彩票小知识-| www.2nd.cc-体彩反买-| www.80ao.com-九号彩票登录网址| www.2550.net-彩票k线图分析法| www.06066.com-彩票杀号器-| www.91962.com-九龙中彩牛仁五肖| www.148008.com-休闲快三慢动作分解| www.341310.com-诺亚彩奏-| www.52395.cc-彩票发展下线方法| www.nm14.com-那个彩票软件最好用| www.823990.com-三彩2019春装| www.919069.com-福彩3d智能杀号| www.985607.com-933彩票怎么下载| www.ee3.com-中彩网app下载| www.vb30.com-福彩分析预测彩吧| www.186377.com-江苏快三复式玩法| www.268302.com-深圳福彩app| www.351765.com-盈利彩票网-| www.435896.com-广东体彩网下载软件| www.369798.com-体彩几点封机| www.70916.com-历史彩票中奖号码| www.75126.com-乐透啦彩票安全吗| www.927553.com-三分彩开奖结果| www.rr24.com-90彩票真的假的| www.699962.com-彩客网论坛-| www.774103.com-电脑数字彩票的规律| www.844868.com-台湾有什么彩票| www.904576.com-大发彩票一分快三| www.964772.com-彩七七-| 500彩票网www.65707d.com| www.dl16.com-快三第一门户在线| www.356264.com-福彩大乐透怎么玩法| www.492868.com-178彩票购买平台| www.575569.com-时时彩万位杀号| www.666864.com-彩95的网址-| www.778807.com-中彩网app分钟| www.862109.com-3d开奖号乐彩网| www.955379.com-凤凰彩票是人控制吗| 博友彩www.267by.com| www.019256.com-买彩票多少钱一张| www.13rd.com-万彩吧资料大全| www.375447.com-海南福利彩票开奖| www.78835.cc-手机万彩吧彩票预测| www.094834.com-国家允许的彩票网站| www.cai3055.com安徽快三玩法技巧| www.250069.com-中彩官网app下载| www.365489.com-苹果彩票一我的账户| www.678757.com-体彩一定牛数据图表| www.78198.com-彩票平台投诉电话| www.0315.top-广东体彩发展| www.2153.xyz-越南彩票今天| 金掌柜www.83993n.com| www.7ip.com-彩票怎么中几百万| www.638009.com-世界杯冠军竞彩网| www.739331.com-吉林快三过年休息| www.867293.com-福利七星彩-| www.960212.com-超级彩票网站安全吗| www.ih.cc-安全的快三app| www.400680.com-海南七星彩画规律表| www.cai5366.com甘肃快三-百度| www.160119.com-k彩线路-| www.709252.com-神彩网网址-| www.789571.com-竞彩001特点| www.867738.com-七星彩每周几开奖| www.940016.com-分分快三中奖号码| www.995084.com-惠彩网app下载| www.fs92.com-百盈快三投注经验| www.u66.shop-盈盛彩票游戏网址| www.596356.com-时时彩前3计划表| www.104928.com-雷霆彩票-| 体彩网www.3890p.com| www.dg36.com-算局七星彩奖表| www.579906.com-福利彩票开-| www.703978.com-彩神王成周怎么样了| www.575125.com-快三辅助软件官网| www.277871.com-什么是博牛彩票| www.bd79.com-内蒙福彩3d开奖| www.ui37.com-彩库宝典下载下安裝| www.05ag.com-新手彩铅画教程| www.020445.com-彩38网-| www.624163.com-快三长龙预报软件| www.79ze.com-3d牛彩网图谜汇九| www.1699.mobi-体彩复式投注计算器| www.7880.cc-智胜彩票高手预测| www.19609.com-体彩36怯7-| www.953541.com-中免红好彩价格| www.9952.site-云南彩票无人认领| www.013922.com-三宝乐购是什么彩票| www.392782.com-彩票网站推广哪家好| www.560404.com-体彩五星级怎么评定| www.648482.com-977彩票在线| www.735083.com-彩22app是啥| www.811047.com-彩笔生花-| www.898280.com-梦怀孕是什么七星彩| www.983966.com-福彩数字3几点开奖| www.fw7.cc-3d试机号彩宝网| www.g01.cn-福彩几分钟开奖的| www.21214.com-中国体育彩票竞猜网| www.275320.com-168彩票是真的吗| www.137587.com-河南体彩481玩法| www.773182.com-青岛体彩中心| www.315198.com-时时彩怎么玩才能赚| www.880881.com-凤凰网彩票有退水吗| www.208793.com-牛彩快3专用走势图| www.379656.com-老幻想中彩票| www.655662.com-今日天开1彩票中奖| www.777109.com-河北体彩网11| www.892791.com-七乐彩缩水过滤软件| www.cp8796.com-福彩上海快三形态图| www.537630.com-彩色的造句子一年级| www.1998.cm-彩票12官方最新版| www.325019.com-华人彩漂测速版| www.417654.com-怎么下载彩16| www.505193.com-彩票3d试机号口诀| www.558129.com-大赢家时时彩| www.615908.com-赢彩王怎么样| www.675050.com-乐游啦彩票-| www.35gw.com-南国七星彩开奖| www.496201.com-足球博彩资金| www.786994.com-蚂蚁致富团队买彩票| www.872795.com-uu快三直播下载| www.931189.com-快3中彩网aap|