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.409455.com-今天彩票结果是多少| www.327366.com-彩票店里快彩| www.13991.com-时寸彩宝典-| www.463898.com-彩云追星战法| www.583887.com-123好彩票-| www.221919.com-高频彩票或被叫停| www.26589.cc-乐和彩登陆官网| www.929765.com-七星彩杀号技巧| www.631901.com-天天收米竞彩店| www.771230.com-好彩堂总论坛| www.882623.com-易彩堂可信吗| www.lw24.com-好彩二-| www.79vl.com-彩仙-| www.044407.com-福彩门户网址书签| 8号彩票www.81520b.com| www.593349.com-体彩七位数数字范围| www.686956.com-彩票课文原文| www.774576.com-七星彩17022| www.853501.com-江苏快三的计算方法| www.919908.com-go彩彩种-| www.987072.com-app购彩大庁| www.ua1.com-手机彩票123下载| www.qf17.com-晚晚好彩-| www.z84.club-大赢家彩平台| www.62zh.com-排列五彩票图纸| www.652495.com-彩票故事大全| www.830333.com-彩票app送体验金| www.bh45.com-湖北快三软件下载| www.357.net-高频彩网投平台| www.24695.cc-彩铅画古风人物背影| www.073610.com-福彩彩票开奖直播| www.444616.com-体彩p3开奖直播| www.636970.com-在中国都有那些彩票| www.773336.com-免費彩金申請| www.882315.com-345彩票网登录| www.984606.com-彩虹8彩票平台| www.ne06.com-时时彩大赢家软件| www.094709.com-新彩吧3d字谜画谜| www.600012.cc-坚持买彩票的人| www.s90.top-梦见中彩票二等奖| www.028343.com-博友彩官方下载| www.248139.com-红彩网分分快3| www.371716.com-5050彩票客服| www.225506.com-新快三单机游戏| www.d55.com-彩票11码聪明组合| www.345290.com-福利彩票足球怎么买| www.2666.org-九九彩票旧版| www.uc09.cc-大发快3神彩争霸| www.867.hk-时时彩五星做号思路| www.890076.com-nba彩票真-| www.586867.com-c彩51cc-| www.42on.com-彩票如何刮到1万元| www.075326.com-七乐彩除7走势图| 好彩www.60123w.com| www.708.cm-头头博彩客户端下载| www.502387.com-kk彩票是骗局吗| www.168351.com-北京快三开奖一定牛| www.088357.com-北京市体育彩票网站| www.2862.cn-福彩排五开奖结果| www.ob96.com-七天彩票app| www.896377.com-七星彩开奖公告查询| www.998972.com-探探帅哥教你玩彩票| www.ti76.com-中福快三计划网址| www.036507.com-快乐彩12选5奖金| www.49000.com-体彩大乐透彩票资讯| www.861837.com-体彩实体店的图片| www.958871.com-免费下载福彩开奖| 众乐彩票www.389344.com| www.pq62.com-竞彩猫电脑版| www.06au.com-儿童彩笔套装| www.zn49.com-3d选号彩报-| www.11139.com-噢客网彩票-| www.682328.com-足彩微信讨论群| www.786375.com-彩票大赢家首页| www.870447.com-三分彩最准计划| www.946922.com-彩色水泥路面做法| www.999926.com-易彩彩票官网app| www.nq04.com-福彩3d随机选号| www.639786.com-牛彩彩票可靠吗| www.731681.com-中国足彩网凯利| www.853616.com-彩票vip平台下载| www.919715.com-靠谱的彩票平台源码| www.980635.com-做彩票赚钱吗| www.cp7658.com-七星彩玩法中奖规则| www.678123.com-牛彩图谜汇总| www.770838.com-七彩山鸡养殖前景| www.843808.com-足彩一般多少钱| www.912281.com-ag788爱购彩| www.981041.com-七彩建设集团老总| www.ak32.com-快三官方投注站| www.172277.com-江西多乐彩开奖结果| www.267273.com-彩票计划时时彩| www.031855.com-靠谱的彩票平台网址| www.976668.cc-巴中彩礼价格表| www.429437.com-创意水彩花卉图片| www.467141.com-中国体育彩票咋买| www.031173.com-玩彩票网充值36元| www.157983.com-杨震足彩微博| www.296793.com-山东体彩扑克3走势| www.442012.com-五州彩票官网| www.533955.com-彩票赌博赚钱新思路| www.645273.com-青岛西彩票一等奖| www.705018.com-福彩3d开奖软件| www.779944.com-福彩3d视频教程| www.848658.com-头奖彩票网址| www.899598.com-快三二同怎么看| www.956895.com-香港百彩网址| 易彩网www.36166f.com| www.769252.com-彩票刷负盈利| www.835211.com-炫彩微商3.1| www.894304.cc-天天彩票集团app| www.958289.com-福彩选3-| 九五彩票www.95777w.com| www.71421.com-福彩3d彩民乐钱途| www.44855.cc-伍佰万彩票-| www.765171.com-足球彩票169| www.903349.com-中原福彩22选5| www.998739.com-明发彩票mfa08| www.md06.com-分分快三开奖在哪开| www.31zr.com-安装多彩宝-| www.1728.live-内蒙快三行-| www.844025.com-彩票创始人是谁| www.n47.cn-福彩排列三试机号| www.382301.com-京彩挂机软件怎么玩| www.522242.com-七乐彩的开奖日期| www.603637.com-彩票资料大全新版二| www.679333.com-怎么戒掉彩票瘾| www.848542.com-重庆时时彩万位大小| www.5578.wang-彩牛美缝剂专卖| www.490033.com-深圳体彩11选五| www.664386.com-官方网上售彩| www.715667.com-福彩3d中奖励| www.958936.com-彩117彩票-| www.659.date-时时彩组选60全包| www.52229.cc-时时彩开奖彩经网| www.84911.com-巨彩分发系统| www.247852.com-彩票快3群-| www.br71.com-一分快三计划网址| www.80bz.com-3d丫头说彩-| www.4659.biz-一次买多期的彩票| www.14124.com-小米彩票下载| www.77570.com-国家体彩总局网站| www.645742.com-梦见一组彩票数字| www.746969.com-彩票每天领红包| www.805731.com-彩报第三版图| www.09vs.com-彩票网站平台出租| www.89gd.com-金碧汇彩怎么样| www.137869.com-推店彩票app| www.06037.com-新浪网彩票专题| www.82881.com-竞彩二串一-| www.049062.com-天下精英彩票资料| www.501559.com-彩票双色球怎么选号| www.595106.com-好彩网3d字谜今天| www.677720.com-华彩赢家怎么买| www.761027.com-两分时时彩全天计划| www.980483.com-福彩七乐彩开奖公告| www.ih59.com-安微快三跨度总表| www.367179.com-刚力彩芽日历| www.3227.shop-福彩快3预测分析| www.92058.com-彩22平台是真的吗| www.14149.cc-彩神帝8大发快三| www.246165.com-足彩任9专家预测| www.501197.com-97彩票群-| www.180282.com-重庆快三查询|