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.957295.com-众盈彩票时时彩官方| www.uk6.com-华人彩骗局-| www.rp96.com-黑彩网址攻击软件| www.962246.com-凤凰彩票正规官网| 爱彩www.235671.com| www.hb70.cc-河北福彩快三助手| www.l41.club-财神8彩票网| www.86hv.com-新浪彩票网电脑| www.6610.biz-今日快三号码推荐| 网易彩票www.332069.com| www.ri98.com-分分快三是假的吗| www.501633.com-怎样开家彩票店| www.604333.cc-玩彩票app违法吗| www.703662.com-香港牛蛙彩票资料i| www.787586.com-彩客化学集团总部| www.693165.com-江苏足球竞彩网| www.869621.com-乐彩彩票网官网是啥| 易盈彩票www.7793j.com| www.357022.com-云彩票店-| www.537232.com-彩色的开头造句| www.775457.com-慱发彩票-| www.931930.com-体彩门头要求| www.ek5.com-时时彩看计划稳赢| www.s10.in-彩票开奖日期星期几| www.52sd.com-中国福彩兑奖时间| www.7374.vip-福利彩票公益金宗旨| www.28308.com-8888彩票骗局| www.74490.com-直投彩色沥青颗粒| www.031033.com-福彩快三模拟器| www.121770.com-于海彩票案疑点| CP701www.cp701.vip| www.651021.com-玩彩怎么才能回本| www.277200.com-5分钟开彩票| www.619532.com-今晚开啥特马彩票| www.077303.com-大型彩色打印机价格| www.4649.biz-彩票中奖者的运气| www.793823.com-手机上买彩票赌行吗| www.58229.cc-下载彩乐图-| www.271878.com-中原彩票l下载| www.461755.com-牛彩网摘网-| www.629811.com-彩票过了时间去看| www.923058.com-金口诀占卜彩票| www.qu18.com-什么是福彩蛋蛋| www.000140.com-好彩数码印刷官网| www.075537.com-瑞彩祥云结不了卡| www.543528.com-北京中国体彩报| www.200070.cc-中国福体彩开奖结果| www.390277.com-熊猫彩票推荐人| www.745164.com-c02彩票登录平台| www.275978.com-福彩3d下注-| www.00120.cc-栋栋彩票3d推荐号| www.80118.com-河北体彩网七星彩| www.518785.com-乐米彩票停了嘛| www.556575.com-七乐彩机选号投注| www.8794.vip-山东齐鲁彩票欢迎您| www.a41.net-北京福彩开奖查询| www.266736.com-家彩网开奖结果| www.059409.com-大发时时采彩计划| www.8198.cn-澳门彩票资讯网| www.287318.com-全国彩票开奖情况| www.645586.com-八年购彩心得| www.30228.com-鸿彩网是不是诈骗| www.ub98.com-快三顺子456多钱| www.573703.com-大兴彩票理财投资| www.059191.com-500竟彩网首网| www.190202.com-一分钟快三大小技巧| www.273200.com-公益福彩江苏快三| www.518929.com-发彩网赚钱是真的吗| www.600574.com-987彩票可信吗| www.713315.com-湖南体彩网进不去| www.56955.cc-重庆时时彩停业通知| www.ug79.com-海南四合彩票| www.2063.net-福彩生肖时时彩| www.59909.com-彩乐乐快乐十分钟| www.505612.com-百胜快三破解器下载| www.936288.com-聚宝盆最大手机彩票| www.897239.com-世界彩票巨奖号码| www.35234.cc-玩彩票的qq群号| www.157259.com-足彩冷热表-| www.637017.com-彩虹5号电池容量| www.464346.com-体彩什么时候开卖| www.8000.name-博彩打头的成语| www.137148.com-苹果彩膜效果| www.86zk.com-为什么不禁止彩票| www.774628.com-2019体彩刮刮乐| www.873903.com-下载上海福彩网官网| www.md1.com-湖北省快三-| www.5525.site-体育福利彩票加盟| www.41fa.com-七星彩能网上买吗| www.823294.com-上海南站附近福彩店| www.465644.com-竞彩篮球彩票官网| www.216858.com-网上快三可以玩吗| www.572787.com-一分快三豹子计划| www.tv76.com-快三高频彩app| www.31bt.com-彩虹mv周杰伦| www.11498.com-体彩二维码出票| www.048099.com-淘彩票软件-| www.2614.live-第37的彩票结果| www.32404.com-足彩分析工具| www.722150.com-体彩牌匾图片大全| www.642.date-我赌快彩输了好多钱| www.277314.com-奇门测彩密法| www.908123.com-爱购彩网址是什么| www.5890.biz-中国人人快三网手机| www.022479.com-竞速快乐彩是骗局| www.ii94.com-福彩网平台软件| www.7379.com-色彩构成马赛克| www.132872.com-彩印厂需要什么设备| www.589539.com-七星彩头尾规| www.4490.vip-网上福利彩票投注站| www.ag15.com-今天彩票出号是多少| www.050357.com-黑彩坐庄心态| www.660567.cc-天空彩素免费资料| www.592285.com-七星彩解梦查码| www.710097.com-加网友教彩票| www.547549.com-足彩比分500直播| www.593858.com-七彩格子破产| www.641.me-福彩三d技巧及规律| www.560080.com-伯乐彩票平台手机版| www.919376.com-分分时时彩会作假吗| www.hg55.com-甘肃快三玩法说明| www.zy49.com-新浪爱彩官方下载| www.401580.com-703彩票登录网址| www.972546.com-彩铅插画小清新| www.178558.com-山东福彩群英会开奖| www.056651.com-合肥彩票站-| www.593608.com-成都七彩云和| www.eh87.com-众彩网程远预测| www.754073.com-搜狗彩票怎么打不开| www.041397.com-天津福彩扫码| www.263693.com-六给彩票香港| www.638557.com-111+cc彩票-| www.0pl.com-什么溢彩成语| www.sy10.cc-福彩怎么算中奖| www.603529.com-三晋福彩网3d| www.03pm.com-时时彩单双大小算法| www.1873.vip-新时时彩软件下载| www.285044.com-花式快三慢动作分解| 好运彩吧www.096386.com| www.7gr.com-怎样查彩票-| www.098348.com-国彩在线-| www.033235.com-下载新版网易彩票| www.301076.com-首存1元送38彩金| www.502578.com-网聊男性劝我买彩票| www.691773.com-77彩票网app| www.cf88.com-哪个平台有江西快三| www.727302.com-七彩票-| www.969425.com-牛彩彩票注册邀请码| www.004217.com-重庆时时彩今天暂停| www.500809.com-中国什么时候有彩照| www.844298.com-省彩票发行中心待遇| www.345198.com-奥客体彩网-| www.zz73.com-香港旺角彩票网| www.625130.com-福利彩票客服电话| www.772490.com-荣誉彩票下载安装| www.10fs.com-体育彩票五位数开奖| www.0998.bid-海南私彩有漏洞吗| www.593000.com-体彩大乐透有算法吗| www.849233.com-足彩碰到法乙怎么猜| www.50110.com-看彩票的软件哪个好| www.9670.cn-福彩三地彩乐园| www.92190.com-竞彩的发展形势| www.543220.com-易彩彩票是什么| www.682138.com-彩票306是啥|