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.cp7287.com-福利彩票内蒙快3| www.924388.com-湖北快三二同号遗漏| 彩天下www.c1332.com| www.198396.com-快三坑了多少人| www.000568.com-时时彩慢慢回血经验| www.128159.com-瑞彩祥云开挂| www.133008.com-世界杯足彩在哪买| www.728368.com-能投注的彩票网站| www.966516.com-即开型彩票销售方法| www.pz33.cc-新彩票安卓-| www.0153.xyz-彩色的东西是什么| www.31cp.com-彩虹app下载| www.455925.com-海南七星彩图规走势| www.554106.com-赤猜一种体彩术语| www.18451.com-快三怎么推广| www.648947.com-绿色彩宝都有哪些| www.763505.com-足彩工作室团队招聘| www.bh76.com-易彩是不是属于诈骗| www.f91.loan-体彩排列三图迷总汇| www.60ru.com-网易红彩推荐靠谱吗| www.2992.cc-福彩中奖分享| www.044147.com-彩票自动挂机软件| www.69ig.com-国乐彩苹果机下载| www.mv34.cc-广西电脑福利彩票| www.7269.in-彩虹六号银行原型| www.055211.com-彩票沉迷破产| 福利彩票www.8039e.com| www.vq65.com-吉林快三计划书| www.245314.com-中国足彩网德甲| www.16300.cc-足球竞彩靠什么分析| www.44801.com-网上福彩投注站| www.37275.com-福星中彩与你同行| www.919952.com-彩票平台app制作| www.25184.com-儿童彩铅画好处| www.365781.com-体彩p3王滨字谜| www.077745.com-87彩店店主版| www.cp124.cc-彩票缩水过滤软件| www.492298.com-世界杯体彩网络| www.739467.com-竞彩2串1对冲| www.890071.com-网上彩票平台合法吗| www.ca03.com-彩票7乐彩开奖号码| www.6ef.com-体彩大乐透最新玩法| www.130.me-幼儿歌曲彩虹的约定| www.8541.cc-七星彩在线缩水软件| www.397091.com-okoo彩票网-| www.624127.com-彩神争vii-| www.771105.com-暗黑破坏神3彩虹剑| www.942048.com-彩票直通车彩票网| www.yd06.com-派彩每日推荐双色球| www.2146.cm-濠江彩票网址| www.32184.com-体彩怎么买足球| www.rf76.com-168彩票苹果版| www.41cp.com-项城彩礼一般多少钱| www.6263.net-运彩网下载-| www.57519.cc-体彩助手e-| www.018027.com-三国杀张星彩废了| www.wl6.cc-彩票里的屠龙| www.659569.com-六号彩-| www.830177.com-福利彩票随机选号器| www.973351.com-[彩虹-| www.981.net-七星彩中三个号码| www.67821.com-彩票也算赌博| www.602572.com-彩票多难中-| www.659119.com-正规快三的彩票软件| www.815308.com-发彩网账号-| www.907433.com-快乐彩玩法开奖公告| www.ci8.com-大发快三是正规的吗| www.8414.shop-中彩彩票pc蛋蛋| www.23353.cc-众盈彩票官方网站| www.13214.com-号百彩票千亿彩票| www.029634.com-博彩源码购买| www.966047.com-山东福彩中心电话| www.086707.com-中悦自助彩票机招商| www.334327.com-快三多长时间一期| www.654089.com-万博彩票-| www.153599.com-时时彩百位如何定胆| www.129150.com-多乐彩票下载| www.205055.com-多乐彩开奖结果江西| www.285192.com-大发快三预测下期| www.594115.com-万豪彩票苹果能玩吗| www.9487.vip-彩钢夹芯板用在哪里| www.261663.com-时时彩五星胆码技巧| www.554155.com-热门彩-| www.137201.com-体育彩票排列三周六| www.906969.com-福利彩票下载app| www.981138.com-牛牛彩票网骗局揭秘| www.zd6.com-快钱彩票提现不了钱| www.074994.com-瑞彩网注册码| www.33yh.com-七乐彩开奖查| www.153231.com-3d旺彩-| www.238200.com-皇都彩票网址是什么| www.311853.com-体彩e球彩101期| www.385897.com-中国体彩查询结果| www.92782.com-体彩电话投注| www.561703.com-彩鸿-| www.763525.com-廊坊快三彩票开奖| www.863859.com-彩票下载开奖查询| www.942755.com-分分时时彩杀号| www.989808.com-老快三走势图| www.cu16.com-私彩平台赚钱套路| www.yk97.com-跟群买彩票-| www.lb57.com-赌彩软件-| www.095600.com-吉林体彩网11| www.688583.com-鸿鼎彩票-| www.768278.com-彩胜app-| www.838121.com-高级的彩票平台源码| www.903216.com-彩票开奖号码双色球| www.965134.com-今晚彩票的开奖结果| 乐发彩票www.225779.com| www.301180.com-福彩三d新彩网图| www.9987.net-酷彩吧app网页| www.78211.cc-彩蛋游戏-| www.072342.com-秒速快三是正规的吗| www.147894.com-彩票234旧版| www.996.pw-八位数彩票有哪种| www.850426.com-竞彩4×5-| www.76734.com-体彩任选九场怎么打| www.033540.com-怎么推广彩站宝| www.20be.com-买复式彩票怎么玩法| www.770681.com-彩96下载苹果版| www.859231.com-6加1彩票开奖结果| www.535886.com-最大的彩票中奖者| www.090510.com-彩票对打平台赚佣金| www.km77.com-彩票驿站登录| www.48al.com-惨无星彩漫画| www.cai8155.com贵州省福彩兑奖中心| www.280144.com-重庆福彩官网首页| www.9202.online中国福彩双色球单式| www.39363.com-豪彩投是什么| www.005631.com-1分快3开是国彩吗| www.234904.com-安徽快三出什么号码| www.275823.com-北京快三结果结果| www.68688.cc-p3是机彩宝网| www.760040.com-时时彩在线计划一期| www.97198.cc-古建彩绘祥云图片| www.226563.com-3d牛彩字迷总汇| www.11rr.com-5050彩票网-| www.877.club-彩铅星空画法| www.5278.in-香港赛马及派彩| www.88249.cc-彩票支付宝提现| www.141588.com-福彩快乐十二选五| www.18zv.com-网上彩票违法么| www.35680.com-九九集团彩票| www.37763.cc-7彩网彩票是真的吗| www.949641.com-87彩店ios-| www.cai5789.com快三走势怎么分析| www.61728.com-领航彩票计划手机版| www.9055.loan-彩票中奖抛妻弃女一| www.86832.cc-陆慧明今竞彩| www.16bf.com-彩虹电视破解版| www.571.net-博彩打水-| www.5535.cn-七色彩虹图片大全| www.21495.com-彩票网站打不开咋办| www.00100.cc-茶叶包装彩色纸箱| www.79vm.com-江苏福彩大厦电话| www.1286.cc-78彩票网站靠谱吗| www.828065.com-彩民网是正规网站吗| www.907694.com-合肥体彩管理中心| www.971340.com-福彩3d字谜论坛| 网易彩票www.560671.com| www.362204.com-每天都在买彩票| www.441808.com-邯郸体彩中心在哪| www.271422.com-广东好彩1一彩乐乐| www.425211.com-七星乐彩票投注平台|