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天

知道了
1分快三 www.cp9686.com-湖北快三彩经| www.m78.top-黑彩平台怎么制作| www.56kj.cc-天天有彩票-| www.1213.vip-天津福彩20选八| www.21145.com-运盛彩票下载安装| www.69179.com-在淘宝买彩票怎么买| www.112422.com-彩票送19手机版| www.190232.com-幸运快三有规律吗| www.272651.com-福利彩票有哪几种| www.383263.com-体彩110040期| www.513397.com-洛阳市福利彩票| www.589567.com-1183图库彩图丨| www.669707.com-彩钢夹芯板设备价格| www.756271.com-中彩游戏-| www.877456.com-彩迷会下载-| www.954256.com-七星彩三等奖多少钱| 大赢家彩票www.5086n.com| www.fz25.com-彩票追号追死人| www.ze16.com-调整后彩票-| www.30uk.com-香港天空彩与您同行| www.1095.wang-足彩半全场全包盈利| www.8052.biz-水彩画大师作品欣赏| www.31441.com-老梁说彩票完整版| www.77653.com-手机彩膜一体机多钱| www.033131.com-互联网彩票最新政策| www.114688.com-快三守号260计划| www.190024.com-辽宁快三开奖走势图| www.270470.com-新彩网3d手机版| www.428981.com-吴中区体彩中心电话| www.530602.com-辉柏嘉水溶彩铅| www.626916.com-紫薇彩票占卜好运| www.702899.com-福彩开中心开机号| www.785578.com-金网彩票-| www.867880.com-福彩开奖时间星期几| www.962708.com-彩票网址下载| 中国福利彩票www.34788p.com| www.gg93.com-彩吧论坛乐彩网| www.ya94.com-湖南体彩排三论坛| www.25km.com-足球9场胜负彩奖金| www.0254.xyz-谁知道快彩网站| www.6903.me-好彩三八是什么动物| www.23340.com-双色球五百彩票网| www.68528.com-福彩22选5好运3| www.045491.com-彩神通代理4码| www.132222.com-烟台彩礼2018| www.211489.com-福彩12选5-| www.286961.com-湖北省快三中奖图案| www.390111.cc-福彩3d正版布衣| www.515199.com-今期七星彩结果| www.585365.com-腾讯旗下天天中彩票| www.659738.com-速彩娱乐登录| www.769836.com-好彩足球彩票| www.858521.com-福彩一分钟开奖的| www.926183.com-腾讯彩票官网下载| www.982014.com-app彩票微信登陆| www.jo45.com-套彩金违法吗| www.f24.cc-福利彩票助手安全吗| www.37jt.com-彩879彩票兼职| www.0400.cn-下载彩乐园2| www.6928.top-七星彩抓规神器| www.21227.cc-体育彩票兑奖的程序| www.63748.com-福彩票双色球开奖| www.040444.com-乐福彩票合买平台| www.128034.com-彩虹宝宝兔叨叨| www.200060.cc-手机彩票网哪个最好| www.271189.com-c59彩票-| www.440430.com-彩票挂机软件有用吗| www.534661.com-七星彩中个号有奖| www.629322.com-打印机彩色打印设置| www.699564.com-竞彩pc版-| www.774218.com-幼儿园彩虹伞音乐| www.875163.com-快乐彩票幸运快3| www.954836.com-瑞彩祥云抢红包神器| 中彩网www.61233c.com| www.fb96.com-01官方彩票苹果版| www.wp14.com-福利彩票走势图样板| www.12ni.com-看彩吧加入微信| www.79oj.com-大发快三最高邀请码| www.1527.cc-通辽彩票中心| www.04601.com-足彩分析交流微信群| www.51613.cc-2019黑彩-| www.95040.com-福彩俱乐部-| www.055829.com-怎么玩彩票稳赢| www.163257.com-快三跟团队很稳的| www.248465.com-苹果彩票网手机版| www.319727.com-彩票合买群-| www.384396.com-超级彩票是什么意思| www.521919.com-代理时时彩判刑案例| www.590161.com-关于七星彩的软件| www.661477.com-重庆时时彩暂停时间| www.765703.com-幸运中彩票正规吗| www.853023.com-cb彩宝彩票安全吗| www.917013.com-500彩骗局-| www.974949.com-福彩投注站编号查询| www.cx46.com-全部彩神软件大全| www.ty01.com-安徽快三和值推荐| www.92.gg-网上彩票平台输了钱| www.64ic.com-迷彩配什么颜色好看| www.0379.xyz-李承红休闲快三教学| www.8580.biz-彩民村新一心水之家| www.37694.com-大赢家彩票138| www.79965.cc-快三怎么投注| www.027927.com-时时彩属于赌博吗| www.098885.com-玩分分快三的技巧| www.156497.com-5000万彩票官网| www.275307.com-中国体育彩票怎么玩| www.356896.com-大庆彩票站出兑转让| www.435686.com-周一是体彩还是福彩| www.523253.com-福彩毒胆专家预测| www.623788.com-山西快三走势| www.689873.com-盛大娱乐彩票app| www.762973.com-柬埔寨做彩票犯法吗| www.863850.com-体彩排列3口诀| www.921027.com-快彩app安卓下载| www.974001.com-超级百万彩票| www.cp8011.com-广西快三遗漏| www.lk11.com-中彩啦安卓版| www.b12.space-500竞彩网-| www.24mx.com-爱乐彩河北快3| www.789.red-最新彩票指南报图片| www.4516.cm-传统足彩怎么玩| www.9367.biz-双色球彩票如何防伪| www.54016.com-时时彩提现-| www.94561.com-竞彩奖金优化好吗| www.049827.com-k8彩票在线登录| www.137307.com-一分快三和值| www.207227.com-足彩360-| www.269520.com-福彩3d造假吗| www.365448.com-v8彩票app网站| www.442133.com-老北京神算彩吧图库| www.526103.com-u9彩票苹果版| www.674411.com-河南福彩中心怎么去| www.742342.com-zc38中彩-| www.803202.com-彩票微信霸气群名称| www.870767.com-易彩票app最新| www.964861.com-海南福利彩票| 吉利彩票www.80075k.com| www.dm54.com-各省份快三开奖| www.sq23.com-彩票预测号码| www.09ww.com-福彩双色球几号停| www.72vw.com-彩票平台靠什么盈利| www.0402.cn-体彩时时彩11玩法| www.7325.biz-彩虹六号辅助提卡| www.17257.cc-足球彩票下载安装| www.53958.cc-pp彩票合法吗| www.92308.com-下彩票丅x4cc| www.040228.com-彩票跟单合买应用| www.152586.com-uu快三代理-| www.229760.com-郑州快三奖金规则| www.292379.com-极速时时彩破解数字| www.354133.com-西班牙彩票中奖号码| www.416068.com-uc彩票靠谱吗| www.507503.com-吉林快三押注平台| www.569402.com-湖北快三两码遗漏表| www.630540.com-八亿彩票app官方| www.692176.com-大发快三注册| www.758655.com-顶尖彩票提现| www.902255.com-合买彩票怎么买| www.959893.com-1305彩票下载| www.992068.com-什么是时时彩跨度| www.cai1099.com北京快三预测推荐号| www.gx97.com-幸运快三是福彩吗| www.wm73.com-凤彩网彩票登录| www.02oi.com-福彩兑奖需要什么|