QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery大气企业解决方案选项卡布局代码

原创商用 jquery大气企业解决方案选项卡布局代码

jquery企业建站解决方案展示内容选项卡切换效果,通过鼠标悬停导航标签栏,切换对应内容效果代码。基于superslide插件开发简单易用,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css" />

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="solution-box">
	<div class="solution-bj">
		<div class="solution-header">
			<h2>为您量身定制解决方案</h2>
			<p>满足广泛的业务需求</p>
		</div>
		<div class="solution-content clearfix">
			<div class="solution-list hd">
				<ul>
					<li class="on">
						<h2>电商解决方案</h2>
					</li>
					<li>
						<h2>车联网解决方案</h2>
					</li>
					<li>
						<h2>制造解决方案</h2>
					</li>
					<li>
						<h2>游戏解决方案</h2>
					</li>
					<li>
						<h2>安全解决方案</h2>
					</li>
					<li>
						<h2>通用解决方案</h2>
					</li>
					<li>
						<h2>DevOps解决方案</h2>
					</li>
				</ul>
			</div>
			<div class="solution-item bd">
				<ul style="display:block">
					<li>
						<div>
							<h2>电商解决方案</h2>
							<p>结合丰富的行业平台服务和基础云服务,提供端到端电商解决方案,构建企业自有电商生态。可快速搭建电商平台,快速完成所有资源的创建和配置</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon1-1.png" alt=""></i>
										<p>家电数码</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon1-2.png" alt=""></i>
										<p>跨境贸易</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon1-3.png" alt=""></i>
										<p>鞋服</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo1.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo2.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo3.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<h2>车联网解决方案</h2>
							<p>依托“端-管-云”优势,提供包括IoT、大数据分析、应用使能以及安全管理等服务,构建面向亿级联接的车联网云平台,助力企业向出行服务提供商转型,让人车生活更智能</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon2-1.png" alt=""></i>
										<p>新能源车监管</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon2-2.png" alt=""></i>
										<p>智慧停车</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon2-3.png" alt=""></i>
										<p>T-BOX边缘计算</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo4.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo5.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo6.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<h2>制造解决方案</h2>
							<p>结合近30年工业制造经验和基础云服务,基于全流程整合能力打造的可信、开放工业云服务平台,为制造企业提供端到端的数字化转型解决方案,助力企业数字化,智能化升级</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon3-1.png" alt=""></i>
										<p>云设计</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon3-2.png" alt=""></i>
										<p>云仿真</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon3-3.png" alt=""></i>
										<p>云MES</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo15.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo18.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo7.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<h2>游戏解决方案</h2>
							<p>我们的服务涵盖游戏整个生命周期,从构建基础设施,到快速发布游戏,再到游戏精细化运营,直到推广创收,腾讯云“互联网+游戏”全部覆盖业界领先的BGP网络、节点遍布全国</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon4-1.png" alt=""></i>
										<p>游戏云端</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon4-2.png" alt=""></i>
										<p>游戏容器部署</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon4-3.png" alt=""></i>
										<p>游戏开发</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo14.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo13.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo12.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<h2>安全解决方案</h2>
							<p>云以安全能力为基石,以法律法规遵从为城墙,以安全生态为护城河,构建起面向不同行业的保障体系,为客户提供一站式的安全解决方案,帮助客户快速、低成本完成安全整改</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon5-1.png" alt=""></i>
										<p>通用安全</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon5-2.png" alt=""></i>
										<p>等保合规安全</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon5-3.png" alt=""></i>
										<p>SAP安全</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo4.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo5.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo6.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<h2>通用解决方案</h2>
							<p>基于丰富的基础云服务,为解决跨行业共性问题而提供的统一技术架构的、适用于多行业的、预集成的产品与能力的组合,以满足客户ICT业务上云的需求</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon6-1.png" alt=""></i>
										<p>SAP</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon6-2.png" alt=""></i>
										<p>HPC</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon6-3.png" alt=""></i>
										<p>移动互联</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo7.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo8.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo10.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<h2>DevOps解决方案</h2>
							<p>基于项目管理、代码托管、持续集成、测试、部署、发布、流水线等端到端工具链,使能软件企业或团队应用DevOps方法论与优秀实践,将软件产品价值持续交付给最终用户</p>
							<a href="javascript:;" class="s-btn solution-more">了解更多<em></em></a>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>推荐解决方案</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon7-1.png" alt=""></i>
										<p>软件实训</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon7-2.png" alt=""></i>
										<p>游戏开发</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="#">
										<i><img src="images/icon7-3.png" alt=""></i>
										<p>电商双交付</p>
									</a>
								</div>
								<div class="solution-brand-item">
									<a href="javascript:;" class="s-btn solution-more">查看更多<em></em></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="solution-title">
								<h3>案例和合作伙伴</h3>
								<span></span>
							</div>
							<div class="solution-brand clearfix">
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo17.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo18.png" alt="">
									</a>
								</div>
								<div class="solution-brand-item clear">
									<a href="#">
										<img src="images/logo15.png" alt="">
									</a>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="solution-more-wrap">
			<a href="javascript:;" class="s-btn solution-more">查看所有解决方案<em></em></a>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".solution-content").slide({});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.07018.com-体育彩票图谜专区| www.432721.com-体育彩票全4个多钱| www.356700.com-宁波企业发彩票| www.gt90.com-彩59这个app| www.140530.com-关注老猫看彩平台| www.602511.com-鸳鸯彩票-| www.27cl.com-天天中彩票竞猜足球| www.97.com-博大彩票是骗局麻| www.6775.top-怎么下载赢彩吧| www.827363.com-华阳彩票app| www.878696.cc-体育彩票大乐透论坛| www.989635.com-国民彩票手机官网| www.gt36.com-彩788app下载| www.318789.com-体彩江西11选五| www.815554.com-排列五彩票图片| www.66767.com-彩票掉包-| www.vn46.com-湖北快三快赢网推荐| www.50wh.com-邢台体育彩票大奖| www.1365.cc-彩票有人真的中奖吗| www.573567.com-百度彩票手机版下载| www.664520.com-彩票站如何知道中奖| www.754347.com-新华网山东彩票| www.850926.com-时时彩斗牛漏洞| www.937257.com-湖北彩钢岩棉夹芯板| www.990872.com-4s彩票中奖-| www.cs58.com-河南福彩22选5走| www.e60.com-体彩金七乐中奖结果| www.38wo.com-七星彩规律公式| www.486898.com-足彩入门讲解| www.835499.com-中彩那天课件| www.sh3.com-上海体彩兑奖地点| www.8su.cc-时时彩网站源代码| www.019032.com-苏州体彩兑奖中心| www.246767.com-彩票走势图制作软件| www.9788.bid-成都七星彩中奖故事| www.95079.com-看见福利彩票| www.070138.com-幸运快三豹子计划| www.137711.com-红旗彩票能挣钱| www.088983.com-彩票4+1多少钱| www.181580.com-河北福彩快三开奖| www.144798.com-足球彩票指南报纸| www.017131.com-安全可靠网购彩票| www.yh20.com-甘肃体育彩票官网| www.do82.com-中国福彩客户端下载| www.1238.cm-平台彩票可以买吗| www.909739.com-乐和彩首页-| www.990006.com-彩票有多少个数字| www.av21.com-快乐彩作弊-| www.vn06.com-彩盈实时计划| www.15ea.com-彩票店门头照片| www.356032.com-靠彩票发财-| www.369097.com-七星彩中国彩吧| www.488308.com-青海福彩快三改版| www.573156.com-什么叫体彩-| www.653382.com-澳门彩票资讯网| www.472722.com-福彩双彩网论坛| www.567957.com-七彩山鸡养殖场| www.653913.com-ll彩票登-| www.48pk.com-张星彩历史简介| www.99272.com-时时彩全天最稳计划| www.408838.com-海南七星彩怎么买| www.279623.com-1分时时彩走势| www.897366.com-广东省福利彩票开奖| www.hd36.com-致富彩票-| www.882.mobi-彩铅手绘图片简单| www.508661.com-体彩天下可以赚钱吗| www.570124.com-m5彩票线路检测| www.739018.com-福建体彩做假| 818合彩www.www.9889hc.com| www.789862.com-彩娃彩票官网版下载| www.866462.com-昨体彩中奖号| www.942286.com-体彩佣金的返还说明| www.999597.com-境外彩票信誉网址| www.bc07.com-多乐彩票是真的吗| www.87224.com-快三多少钱一注| www.068070.com-网络彩票网站制作| www.026.tv-体彩竞猜游戏返奖率| www.9157.net-福彩三d天中藏机图| www.757567.com-信博彩票是假的吗| www.oa33.com-凤凰彩票vip| www.174.live-古风女子背影彩铅| www.0016.club-12生肖彩票资料| www.01535.com-彩票兼职给本金代刷| www.231383.com-福利彩8下载| www.325517.com-海南私彩规律走势图| www.166494.com-内蒙快三开奖| www.244168.com-玩京东彩票幸运28| www.321208.com-彩票开奖35期| www.388544.com-空军迷彩图片| www.050577.com-四川省福彩中心地址| www.136719.com-彩票站怎么盈利| www.088328.com-699彩票ios版| www.fj04.com-上海快三全天计划| www.5370.cn-淘宝怎么销售彩票| www.691885.com-足彩十四场奖金查询| www.11637.cc-什么是平台彩| www.214566.com-达人彩票能相信吗| www.331396.com-彩票二元网走势图带| www.541278.com-德晋彩票app| www.94cx.com-2017海南马彩| www.vy61.com-体彩排列三开奖直播| www.475.cm-凤凰彩票882| www.98387.cc-时时彩一分钟开一期| www.li61.com-306官方彩票登陆| www.092965.com-猪八戒彩票-| www.23mg.com-南充市福彩网官网| www.7188.mobi-七彩阳光教学| www.622058.com-速彩沈宇简介| www.707919.com-588vip彩票网| www.798784.com-时时彩任选3绝技| www.878925.com-今天七星彩开奖号| www.949949.com-领先彩票-| www.988881.cc-彩51彩票app| www.cp7330.com-北京快三玩法官网| www.524033.com-生肖方式彩票| www.618507.com-精彩助手-| www.695500.com-网易足球竞彩| www.782855.com-快三秒胶水怎么去除| www.062634.com-彩票破解版-| www.627538.com-迅盈彩票30元截图| www.t35.com-彩尊在哪里下载| www.212110.com-福彩三d走势连线| www.219977.com-百度乐彩-| www.237880.com-福彩官网app| www.dv28.com-彩吧彩票快三| www.804982.com-时时彩网站源码| www.954418.com-彩票l23-| www.999578.com-170彩票网手机版| www.mh89.com-重庆实时彩开奖结果| www.g23.club-彩票中奖规则查询| www.352985.com-天彩翼飞1639| www.zr67.com-哪里可以玩时时彩| www.01138.com-下载旧版彩视| www.56446.com-排列五众彩-| www.679997.com-重庆福彩手机报可以| www.187359.com-时时彩0369规律| www.370368.com-彩票网直播间| www.70991.com-湖南福彩走势图| www.062346.com-广西福彩网上投注| www.135517.com-如何开体彩彩票站| www.9712.net-高频彩追杀-| www.365751.cc-竟彩足球比赛| www.83979.com-七乐彩定胆技巧| www.150473.com-中彩福彩票软件下载| www.262335.com-福彩天天大报| www.9kc.cc-广西快三最大遗漏表| www.59632.cc-彩库宝典开码直播| www.111553.com-彩61主页-| www.165302.com-安徽省体彩网| www.5551.shop-上海快三倍投| www.12393.cc-竞彩篮球比分直播网| www.60512.com-快三如何开挂| www.99949.cc-北京体彩店联系| www.571972.com-甘肃快三速查表| www.051508.com-快三长龙研究案例| www.117161.com-彩票数字筛选软件| www.059686.com-下载k彩网app| www.115089.com-江苏省福彩兑奖中心| www.171132.com-长春快三开奖| www.284455.com-哪个彩票平台更安全| www.6363.cn-竞彩猫收费和卖群| www.66532.cc-福彩刮刮乐金条| www.825406.com-买彩票谁中过一千万| www.512086.com-凤凰彩票掌舵者团队|