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

原创商用 jquery企业解决方案左右TAB切换布局

jquery superslide实现左右图标导航选项卡布局TAB切换,企业解决方案布局代码。结构简单易用,下载即可使用。
分享到微信朋友圈
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="module-banner">
	<div class="module-banner-box">
		<h3 class="module-banner-head">
			<em>解决方案</em>
			<span>丰富的解决方案为您的业务助力</span>
		</h3>
		<div class="module-banner-tab clearfix">
			<div class="module-banner-tab-list hd">
				<ul class="module-tab-nav">
					<li class="on">
						<i class="icon icon-warehouse01"></i>
						<p>数据仓储</p>
					</li>
					<li>
						<i class="icon icon-warehouse02"></i>
						<p>数字营销</p>
					</li>
					<li>
						<i class="icon icon-warehouse03"></i>
						<p>日志分析</p>
					</li>
					<li>
						<i class="icon icon-warehouse04"></i>
						<p>智能推荐</p>
					</li>
					<li>
						<i class="icon icon-warehouse05"></i>
						<p>大数据舆情</p>
					</li>
					<li>
						<i class="icon icon-warehouse06"></i>
						<p>生命科学</p>
					</li>
				</ul>
			</div>
			<div class="module-banner-tab-list-box bd">
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>企业为了分析数据进而获取洞察力的努力,是商务智能的主要环节。在大数据时代,云提供了云端的数据仓储解决方案,为企业搭建现代数据仓库提供指南。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度数据仓库 Palo</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度消息服务</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>从搜索推广到实时竞价广告,从大数据收集存储到数据分析,营销云依托百度对数字营销服务市场多年的运营经验和技术积累,为您提供全场景解决方案。从搜索推广到实时竞价广告,从大数据收集存储到数据分析,营销云依托百度对数字营销服务市场多年的运营经验和技术积累,为您提供全场景解决方案</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>Cloud ADX</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>Cloud DSP</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>Cloud SSP</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-text clearfix" style="margin-bottom:0">
							<h4>客户案例</h4>
							<ol class="clearfix module-tab-case">
								<li>
									<i class="icon-case icon-case01"></i>
									<span>卓易科技</span>
								</li>
								<li>
									<i class="icon-case icon-case02"></i>
									<span>游讯</span>
								</li>
							</ol>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>依托云的大数据分析产品,我们为您提供日志分析托管服务,为您省去开发、部署以及运维的成本,使您可以聚焦于如何利用日志分析结果做出更好的决策,实现您的商业目标。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度日志服务</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度Elasticsearch</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-text clearfix" style="margin-bottom:0">
							<h4>客户案例</h4>
							<ol class="clearfix module-tab-case">
								<li>
									<i class="icon-case icon-case03"></i>
									<span>作业帮</span>
								</li>
								<li>
									<i class="icon-case icon-case04"></i>
									<span>换手率</span>
								</li>
							</ol>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>云智能推荐解决方案依托百度在多种推荐场景上的技术积累和丰富的用户画像数据,为广大企业提供有效、易用的智能推荐服务,快速提升业务目标。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度消息服务</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度机器学习 BML</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>云大数据舆情解决方案为政府、广电媒体、輿情服务商、企业提供实时舆情数据订阅,智能语义分析,百度搜索指数及全网用户画像等功能,帮助客户实现个性化深度定制輿情系统,把握时事脉搏。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度机器学习 BML</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度Elasticsearch</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
				<ul class="module-tab-box-ma">
					<li>
						<div class="module-tab-title">
							<h4>相关介绍</h4>
							<p>生命科学解决方案可以帮助生物信息领域用户存储海量的数据,并调度强大的计算资源来进行基因组、蛋白质组等大数据分析。帮助研究生命活动规律,促成医疗健康行业发展。</p>
						</div>
						<div class="module-tab-text clearfix">
							<h4>相关产品</h4>
							<ul class="clearfix">
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdm"></i>
										<span>百度批量计算</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bds"></i>
										<span>百度MapReduce BMR</span>
									</a>
								</li>
								<li class="module-tab-link">
									<a href="#">
										<i class="icon icon-bdx"></i>
										<span>百度机器学习 BML</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="module-tab-text clearfix" style="margin-bottom:0">
							<h4>客户案例</h4>
							<ol class="clearfix module-tab-case">
								<li>
									<i class="icon-case icon-case05"></i>
									<span>诺禾致源</span>
								</li>
								<li>
									<i class="icon-case icon-case06"></i>
									<span>古奥基因</span>
								</li>
							</ol>
						</div>
						<div class="module-tab-more">
							<a href="#">查看更多</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

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

相关代码

二维码
意见反馈
×
×

注册

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

签到成功!

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

知道了
彩01彩票 www.66447.cc-苏宁彩票加盟吗| www.708922.com-时时彩预测平台下载| www.979410.com-缅甸好彩双爆一包| www.wf31.com-福彩幵奖结果今天| www.235619.com-手机什么买福利彩票| www.037871.com-河北快三和值大小| www.xf0.cc-福彩快乐10分玩法| www.037371.com-万能彩票过滤器| www.10664.com-竞彩网大乐透走势图| www.8250.vip-菲律宾彩票公司直招| 幸运彩票www.631799.com| www.8983.biz-彩333-| www.576471.com-汉中福彩二等奖| www.pc25.com-谁有北京快三投注群| www.21277.com-买什么彩票中奖率大| www.80006.com-国际福彩合法吗| www.060693.com-洛神体彩店安全么| www.667381.com-内蒙体彩红包雨| www.777526.com-天天乐彩官网下载| www.878917.cc-彩票王官方下载| www.957384.com-吉林快三彩票网| 大赢家彩票平台www.278207.com| www.qs44.com-福彩天地报纸答案| www.43sp.com-竞彩复式投注怎么打| www.1023.link-万彩吧开奖查询结果| www.610352.com-彩票777是什么| www.715716.com-易彩彩民福地电脑版| www.79.cx-网易彩票提现要求| www.293502.com-易彩快买单双技巧| www.513556.com-时时彩五星直选守号| www.586415.com-开户送彩金网站| www.133849.com-网上买彩票赚钱骗局| www.220311.com-乐彩网app-| www.5918.pro-体育彩票张驰| www.462.win-福彩3d精准定胆| www.268224.com-360彩网首页| www.357709.com-刮彩票的技巧规律| www.449935.com-彩票1980-| www.9259.me-乐彩网是不是赌博| www.165363.com-71彩app-| www.323146.com-众彩网黑蝴蝶| www.34313.com-浦东体育彩票中心| www.111070.com-美国彩票强力球玩法| www.367421.com-上期福利彩票结果| www.567463.com-彩虹六号无人机花屏| www.688623.com-彩29网站下载| www.781378.com-百乐彩注册-| www.890873.com-恭喜彩票中奖的句子| www.454321.cc-彩15app-| www.595779.com-彩票怎么看中奖了没| www.698083.com-宁波体彩兑奖中心| www.01kj.cc-彩虹怎样形成的视频| www.7635.xyz-彩票店柜台效果图| www.27393.cc-足彩单场胜负彩| www.81161.com-精准博彩玩家流量| www.029298.com-彩票代打是真的吗| www.106286.com-七星彩资料大全| www.0905.com-华夏彩票贴吧| www.574300.com-体育彩票计算| www.349795.com-体彩账号被限制| www.441019.com-体育彩票能作假吗| www.554318.com-彩票中奖术语| www.630632.com-福彩三d选号彩报| www.392537.com-彩票中奖被人冒领| www.446480.com-彩吧网排列三开机号| www.767829.com-中彩网是干嘛的| www.929342.com-盈彩在线下载安装| www.040434.com-玩彩网平台-| www.127247.com-彩铅画多肉-| www.16mf.com-河南省体彩-| www.1270.tv-彩尊客户端下载官网| www.8172.cc-重庆时时彩万位计划| www.85832.com-布衣图库好彩网| www.085009.com-福彩电视怎么连接| www.953424.com-体彩中奖多少钱| www.886804.com-c彩61-| www.53347.com-下载乐彩开奖结果| www.631271.com-杨震足彩博客| www.724040.com-彩票快3网上计划| www.804629.com-中国彩吧3d开奖号| www.882882.com-彩票内部人员透露| www.973498.com-足球彩票腰折怎么算| www.ik81.com-中国福利彩票网站| www.96500.cc-台湾有几种彩票| www.047182.com-彩票号码随机生成器| www.858489.com-双色球彩迷天地报纸| www.24.cn-七星彩内部透露信息| www.028962.com-玩快三的技巧和秘诀| www.86238.cc-丨中国彩吧更懂彩民| www.714484.com-手机凤凰网彩票| www.798167.com-体彩最新开奖号| www.868517.com-在哪看彩票是否中奖| 幸运彩票www.983699.com| www.tv84.com-联众彩票合买平台| www.9765.wang-七星彩18152| www.887238.com-爱乐彩app倒闭了| www.183832.com-福彩宁夏快三开奖| www.869975.com-安薇快三开奖| www.770025.com-七彩西游记全集在线| www.265917.com-银川体彩中心在哪里| www.363946.com-彩票3d恁么玩法| www.520679.com-时时彩任三混选技巧| www.lm62.com-中彩娱乐6-| www.52dj.com-比利时快三开奖| www.4649.mobi-竞彩胜平负赔率查询| www.070701.com-中国公益彩票| www.566873.com-青岛福彩中心在哪里| www.730071.com-彩尊app苹果版| www.845564.com-体彩为什么改版| www.921175.com-神彩软件下载| www.975624.com-江西彩礼会返还吗| www.ls1.cc-大发快三玩法心得| www.wt97.com-人人彩票改注单| www.18tl.com-微信卖私彩判刑| www.82511.cc-澳门赌博送彩金| www.00129.com-爱投彩票能挣钱吗| www.jz10.com-166手机彩票| www.19hm.com-肥城彩票大奖| www.509553.com-三星福彩app| www.72rc.com-广西快三预测一定牛| www.004103.com-福彩3d大赢家论坛| www.585586.com-澳客彩双色-| www.723298.com-江苏省体彩中心电话| www.332445.com-可以网络买彩票吗| www.170170.cc-极速快三开奖号码| www.u77.net-天气网首页彩吧| www.066688.com-苹果版的彩票软件| www.3xh.com-澳门负责任博彩协会| www.631195.com-广东彩票开奖查询| www.738522.com-百合网彩票骗局| www.262657.com-天津快三开奖| www.20ev.com-体彩29期开奖码| www.66yw.com-在哪里玩幸运分分彩| www.299753.com-彩票动图-| www.670576.com-买彩票的名字| www.771490.com-重庆市彩时彩开奖网| www.888796.com-网易彩票怎么买不了| www.982863.com-快三怎么能赚钱最快| www.il41.com-足球彩票软件| www.28tz.com-万彩吧网站-| www.255787.com-福利彩票20选5图| www.169827.com-快三技巧稳赚| www.132632.com-世界杯足彩网络竞猜| www.216848.com-大大快三平台| www.16187.com-江苏福彩中心主任| www.58215.cc-宁波体彩一等奖兑奖| www.134123.com-彩票在线购买| www.717559.com-彩客网完整版比分| www.998417.com-北京彩票站怎么加盟| www.aa60.com-体彩11选五玩法| www.um67.com-内蒙体育彩票新玩法| www.22yz.com-重庆时时彩公式算法| www.244204.com-排列三彩票网络购买| www.333144.com-体彩31开奖信息| www.541163.com-高频彩稳定盈利模式| www.736646.com-普陀区体彩中心电话| www.802373.com-竞彩大数据分析软件| www.096337.com-体彩福彩开奘查询| www.30lj.com-福彩昨天出奖号| www.il93.com-广东福彩微信公众号| www.b24.cn-福彩排列七开奖规则| www.115660.com-彩色水磨石地坪价格| www.627679.com-ok高频彩票-| www.719840.com-七星彩怎么找规律|