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天

知道了
58福彩 www.578447.com-顺德体育彩票| www.208175.com-彩票资料大全| www.311343.com-一分钟彩票是骗局吗| www.zz22.cc-体彩竞彩申请名额| www.fx72.com-彩票拖会动有感情吗| www.862557.com-体彩初几开奖| www.201767.com-安微快三-| www.340669.com-乐彩网千禧3d独胆| www.129450.com-彩运来登录网址| www.574746.com-时时彩oa系统破解| www.605232.com-梦见自己彩票中奖了| www.679531.com-天下彩票app| www.891892.com-彩票一龙双凤| www.01zq.com-10个数字的彩票| www.4419.cn-快三土豪计划| www.70744.com-快三猜2号-| www.114922.com-彩乐乐双色球机选| www.050951.com-彩票平台源码怎样做| www.136978.com-彩票中奖查询系统| www.216532.com-有买彩票的老师吗| www.892795.com-125彩票下载| www.960322.com-酷彩提现不了| 天天彩票www.106367.com| www.448127.com-白马彩推荐号| www.43687.com-旺彩彩票软件| www.6867.biz-福彩3d怎么看两码| www.59lc.com-百宝彩视电话| www.1344.me-黑彩怎么做庄| www.8977.cc-竞彩玩法游戏规则| www.52572.cc-10398好彩网| www.95732.com-发行福利彩票的意义| www.067721.com-制作一个彩票网站| www.141199.com-广州鸣彩服务电话| www.113416.com-王者彩票是骗局吗| www.622940.com-体彩19012期| www.cp6262.com-彩乐乐网址-| www.620771.com-彩宝贝七星彩杀号| www.754795.com-乐点大发快三| www.863421.com-福利彩票是什么性质| www.947856.com-竞猜型彩票包括哪些| www.979118.com-好彩烟看真假| www.20699.cc-合买彩票被骗| www.269342.com-高频彩网赌会作假吗| www.4db.cc-彩票直播间3d教父| www.91se.cc-千百万彩票网页登录| www.3221.com-乐玩彩app-| www.5757.com-体彩乐选三-| www.49733.com-体育彩票跨度多少| www.09788.com-51彩票网站-| www.67278.cc-忻州福彩中心地址| www.502952.com-国彩印刷厂-| www.078238.com-安徽体彩中心位置| www.434140.com-俄罗斯彩票图片| www.089158.com-北京单场彩票图片| www.64532.com-全国彩票走势图| www.238844.com-时时彩赌-| www.468110.com-彩票指南正版首页| www.805668.com-买彩票是什么行业| www.886524.com-福彩快3导航| www.958819.com-百度福彩3d字谜| 大玩家彩票www.84499h.com| www.32051.com-oo8彩票-| www.cp3825.com-国家福利快三| www.zc61.com-体彩中奖事件| www.10407.com-新浪爱彩足彩胜负彩| www.375868.com-广东立彩-| www.565982.com-福彩过滤彩票软件| www.016106.com-彩票开奖频道是几台| www.62125.cc-昨晚六给彩票开结果| www.1949.site-保时捷彩票是真的吗| www.035120.com-彩票亏的倾家荡产| www.132562.com-18071期足彩| www.212334.com-优信彩票大发时时彩| www.417373.com-彩虹直播-| www.511383.com-五洲彩票倒闭| www.611886.com-彩虹下面吉他谱原版| www.762940.com-京东彩票网下载| www.p96.net-博大彩票合法吗| www.89nf.com-体育彩票中了一个数| www.901611.com-中国福利彩票游戏机| www.621352.com-快三开奖号码是多少| www.771552.com-时时彩后一七码技巧| www.917558.com-必赢彩票不能提现| 大赢家彩票平台www.582062.com| 正点彩票网www.685548.com| www.yo08.com-qq群买彩票-| www.65jv.com-山西省福彩中心电话| www.490057.com-哪个软件买彩票| www.161642.com-微信彩票在哪里买| www.243782.com-87彩票怎么兑奖| www.316228.com-东二里的体彩店| www.964417.com-手机彩票网_福利彩| www.344486.com-彩票玩家交流| www.631340.com-富彩8800gts| www.709096.com-带玩彩票的是真的吗| www.774754.com-亿元彩票-| www.955717.com-天天中彩票交流群| www.998009.com-福彩单双-| www.my86.com-瑞彩祥云彩票| www.cai0068.com北京快三开奖结果| www.lp14.com-中彩吧2020彩票| www.a44.pw-竞彩稳赢方法| www.21tk.com-彩票百富网-| www.471872.com-大乐透彩欠-| www.577743.com-阳光彩票代理加盟| www.651788.com-五分时时彩官网开奖| www.713816.com-今天3d彩易字谜图| www.775876.com-河北体彩咨询电话| www.850807.com-彩云追星七星彩最新| www.900685.com-注册就送彩金的软件| www.955717.com-天天中彩票交流群| www.996475.com-农村医药报新粤彩| www.fm0.com-彩票专家孙老师| www.nn07.com-福彩选号软件| www.19wj.com-51彩票快三登录| www.918.top-彩库宝典摇珠开奖| www.030129.com-合买彩票月赚上万| www.g49.xyz-苹果彩票网址| www.827.date-体彩在哪看开奖直播| www.9011.vip-乐彩彩票是真的假的| www.639343.com-够力七星彩开奖软件| www.026874.com-彩票包赔导师| www.04172.com-黑龙江彩22选5| www.978517.com-白羊3d预测新彩网| www.nb94.com-中彩彩票怎注册| www.u21.hk-爱彩乐开奖助手| www.70477.com-福彩一体机购买| www.00010.com-淘彩票安卓-| www.269081.com-美国彩票23亿| www.6481.com-苏宁彩票下载手机版| www.873745.com-贵州快三走势| www.972945.com-178彩票论坛| www.ce73.com-大发快三总部在哪里| www.96qd.com-彩排的反义词| www.553876.com-竞彩足球改期怎么办| www.659323.com-七星彩大奖彩票| www.787565.com-360足球竟彩| www.866766.cc-福利彩票中奖计算器| www.921296.com-体育彩票有假吗| www.974976.com-体彩大乐透排列奖金| www.ct75.com-哪些彩票平台靠谱的| www.a33.cn-618彩票官方网站| www.3854.xyz-福彩梅子今天预测号| www.95151.cc-儿童彩妆套装| www.079249.com-怪兽猎人彩票机攻略| www.2546.xyz-众恒彩票app下载| www.22019.com-返还彩礼证据目录| www.903781.com-福利彩票1360亿| 彩民村www.88cmc.com| www.wv06.com-存1元送38元彩金| www.452247.com-太原体育彩票| www.555963.com-彩票快乐三-| www.453220.com-七乐彩尾数分布图| www.126387.com-全彩本子-| www.26893.cc-幸运七星彩手机投注| www.59127.cc-砺儿7乐彩推荐号| www.025383.com-买彩票倾家荡产案例| www.35686.com-体彩编号-| www.397205.com-体彩春节后开奖时间| www.137671.com-q彩骗人-| www.416940.com-福彩双色球是几选几| www.209720.com-有玩快三赚钱的吗| www.323115.com-马来分分彩人工计划| www.442929.com-足彩11235计划|