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天

知道了
时时彩宝典 www.25tp.com-微信彩票国家承认吗| www.871837.com-彩票资讯搜索| www.472178.com-宝利彩票怎么样| www.398795.com-大成彩票怎么鹰| www.539749.com-江苏快三出豹子规律| www.652697.com-彩之网实时统计数据| www.796766.com-9场胜负彩销量查询| www.921279.com-福彩天地报预测| 500彩票网www.746133.com| www.55mq.com-云南福利彩票网| www.k39.pw-上海快三推荐软件| www.6760.cn-福利彩票中奖得住| www.33806.com-招聘网上足彩分析师| www.96296.cc-中国体育彩票分配| www.028294.com-福彩一句三码大全| www.5172.cn-韩国五分快三| www.476828.com-支付宝中体彩| www.572155.com-体彩出奖号出奖号| www.654092.com-江西快三一天几期| www.730939.com-和彩云是什么收费吗| www.810737.com-时时彩挂机软件| www.885386.com-体彩大乐透购彩大厅| www.rl92.com-吉林快三和值一定牛| www.603593.com-山西彩票案-| www.80352.com-网上拉你玩彩票的人| www.9911.me-永盛彩票线路导航| www.10634.com-彩票注册送58元| www.53dn.com-贵阳彩票店-| www.481216.com-体彩3位数-| www.588671.com-七星彩精准头尾王| www.674894.com-彩票的监管单位| www.756422.com-足彩竞彩胜平负| www.847216.com-福彩3d规划图| www.926975.com-法国彩票-| 财神网www.29277m.com| www.580681.com-七星彩中奖号| www.ui41.com-近期彩票开奖查询| www.526744.com-博盈彩票是黑彩吗| www.fu35.com-快乐彩票的网址| www.11616.com-好彩l开奖结果| www.73699.com-世界杯彩票哪里购买| www.061807.com-体育彩票旗舰店官网| www.225288.com-福彩打法技巧大全| www.86382.com-三彩女装加盟条件| www.609375.com-67彩官网-| www.773354.com-最新双色球彩票软件| www.730877.com-福彩网一分快三| www.822929.com-彩铝板装饰-| www.887027.com-彩票网站属于赌博吗| www.951871.com-彩神网页-| www.dq47.com-五省快三跨度一定牛| www.zb13.com-福彩3d四码等于1| www.24vo.com-什么是华彩-| www.94eg.com-易彩提现多少时间| www.586117.com-75150彩吧网址| www.277752.com-中彩论坛网-| www.125276.com-快三开奖平台模拟器| www.220075.com-五福彩票网下载| www.677288.com-彩色包装袋简单| www.971053.com-特区彩票论坛开| www.73952.com-福彩3d谜图总汇| www.324118.com-乐彩网是靠啥赚钱的| www.439085.com-悠悠小站彩票下载| www.qf88.cc-彩10app-| www.971053.com-特区彩票论坛开| www.77.wang-欧洲百万彩全天计划| www.112314.com-a9彩票是真是假| www.171487.com-湖北福彩网-| www.co61.com-k彩线路测速| www.814205.com-快三群犯法吗| www.967152.com-彩票条码撕烂| www.cai337.com-北京快三开奖号码| www.400169.com-开心七星彩交流论坛| www.43ow.com-腾讯分分彩预测胆码| www.876725.com-玩彩能赢钱的人心理| www.vd43.com-pp彩票官方网站| www.280658.com-中国时时彩投注平台| www.97726.com-310彩票彩客网| www.482989.com-中国竞彩网上投注| www.56ir.com-福彩体彩app| www.207117.com-首页一新彩票走势图| www.0770.me-下载软件送28彩金| www.977048.com-彩礼不得超过2万元| www.269273.com-手机珠江彩票图片| www.163407.com-彩民村大乐透走势图| www.624001.com-体育彩票排例5| www.727355.com-易彩娱乐招商| www.79uy.com-江苏体育彩票图片| www.001154.com-快三开挂辅助器| www.64zq.com-全天彩票计划网址| www.330876.com-好游快爆下载乐彩网| www.08um.com-南昌福利彩票兑奖室| www.37tz.com-竞彩资讯中心新闻| www.006221.com-7彩平台-| www.30482.com-大连体彩网点| www.699764.com-中国体彩竞彩| www.150556.com-微彩吧苹果下载地址| www.36nr.com-安然七星彩推荐| www.0431.wang-做彩票的方法| www.892383.com-买高频彩输了30万| www.976472.com-彩票中奖无人领奖| www.cp4.biz-快三app-| www.id41.com-私人彩票-| www.85nz.com-陕西福彩开奖时间| www.28802.com-连中彩票官方下载| www.pt16.com-彩票app举报| www.53ub.com-湖北体彩中奖| www.557938.com-海南七星彩四位| www.428955.com-免费教水彩-| www.072792.com-买彩票什么软件好| www.96876.com-大赢家足彩电脑版| www.7135.org-建盏养七彩过程| www.01573.cc-双彩网3d字谜专区| www.55564.cc-英国五星彩-| www.6490.com-98c彩票.com| www.850471.com-真福彩胆码早早报图| www.114361.com-福彩三的和尾走势图| www.6831.pw-官方八亿彩票链接| www.548334.com-yy彩票娱乐-| www.571132.com-彩票快三定律| www.659720.com-双彩球开奨-| www.1693.top-爱乐透彩票安卓下载| www.8288.cc-天天中彩票提款审核| www.502273.com-体育彩票作假吗| www.563295.com-彩民乐和阳光探码| www.329393.com-宝贝计划彩票靠谱吗| www.422823.com-体育彩票的图片| www.84sl.com-体彩票现场直播| www.1221.la-授权网上彩票511| www.299086.com-凤凰彩票是真的吗| www.85277.com-3d彩漫全彩| www.251669.com-中彩网官方app| www.349533.com-红快三一定牛| www.075885.com-彩票什么时候开| www.268522.com-彩吧3d预测-| www.385592.com-会员登陆9b彩票| www.524177.com-福彩三d技巧及规律| www.4956.com-顶呱刮彩票网站| www.39376.cc-彩票销售平台制作| www.855061.com-深圳市福彩中心地址| www.931286.com-福彩客服电话| www.980167.com-彩59彩票下载| www.cai1311.com湖北快三走势| www.509358.com-广州利彩静电分选机| www.599268.com-最简单的买彩票技巧| www.k56.cc-期期好彩app| www.158484.com-佬牛足彩解盘| www.zq04.com-篮球竞彩-| www.984979.com-鼎盛彩票下载| www.ck68.com-大发快三怎么可以赢| www.097110.com-福彩幸运二开奖| www.155475.com-彩票直播现场直播| www.024632.com-体彩七星彩开奘结果| www.97833.com-苹果手机时时彩宝典| www.233468.com-众彩网专家汇总| www.206065.com-彩投帅哥骗局| www.693976.com-88彩下载-| www.433968.com-福利彩技巧-| www.536203.com-全球彩票手机平台网| www.588879.com-旺彩软件下载ios| www.087110.com-福彩7乐彩复式| www.291028.com-内蒙快三今日推荐| www.509232.com-7星彩机选中奖| www.6889.cn-足彩19034分析|