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.579482.com-财彩杀蓝专栏| www.56258.com-羸彩票天下与你同行| www.065566.com-网站上买彩票被骗| www.146109.com-周五竞彩足球彩客网| www.00882.cc-彩票种类大全图片| www.6971.cn-怎么玩时彩可以| www.750687.com-顺盈彩票-| www.5402.vip-彩票中奖作假| www.578937.com-用户登录pk彩吧| www.326190.com-彩宝cb8免费下载| www.421382.com-福彩3d晒票-| www.523339.com-玩彩对刷怎么赚钱| www.597998.com-体彩投注站位置| www.787900.com-彩票兼职可信吗| www.916242.com-私彩平台吧-| www.cp5579.com-北京快三跨度| www.8kc.com-体彩世界杯单场奖金| www.717693.com-彩库网-| www.485889.com-体彩篮球竞彩玩法| www.358579.com-传统足彩的返奖率| www.565018.com-福彩新彩网手机| www.662080.com-竞彩三串一-| www.869400.com-够力七星彩安装下载| www.650109.com-天津时时采彩| www.327068.com-万森彩票平台app| www.498751.com-彩票车是什么| www.068128.com-彩票app可以租吗| www.158013.com-微信教你买彩票| www.oq97.com-彩票怎么中奖| www.79758.com-湖南快三-| www.199826.com-甘肃省快三遗漏号| www.277386.com-足彩包赔骗局| www.352629.com-开台湾福星彩现场| www.163315.com-佩奇彩票网-| www.713302.com-分分快三苹果版本| www.088046.com-亿彩票app-| www.956521.com-网上买彩票输钱的人| 日彩网www.rcw789.com| www.wn00.cc-78500彩宝贝| www.981272.com-一分快三和值计划| www.et09.com-信誉彩下载-| www.h92.net-49彩票平台靠谱吗| www.62vq.com-长治市福彩分站地址| www.7368.wang-七星彩画规律图| www.186331.com-华夏幸运快三| www.5994.com-五一彩票-| www.052912.com-买彩网金手指日报| www.059863.com-铁公鸡彩票四加一| www.92278.cc-湖北七星彩-| www.272677.com-贵州快三当前遗漏| www.351116.com-网冠彩是真的吗| www.433469.com-福利彩票中奖案| www.470.cm-竞彩中奖领奖| www.761888.cc-众购彩票骗局| www.570535.com-甘肃好彩快3| www.715730.com-彩票源码系统妙招| www.799089.com-彩票站查询-| www.894804.com-帮我查一下彩票| www.987420.com-合法的网络彩票平台| www.lf20.com-彩19-| www.16vt.com-双彩论坛字谜总汇| www.1339.wang-中国彩票开奖网大全| www.27208.com-竞彩足球大神推单| www.87597.com-七彩球游戏-| www.75xk.com-极速时时彩计划骗局| www.4074.in-什么彩票能中一个亿| 彩多多www.78949m.com| www.021868.com-酷彩吧彩票下载| www.2201.me-彩票010网-| www.791060.com-彩票在线机选| www.885262.com-寶利彩票-| 600彩票www.336766.com| www.371585.com-彩铅风景画视频教程| www.775659.com-西红柿首富结尾彩蛋| www.775821.com-彩票无神计划团队| www.847031.com-3d福彩大厅-| www.902460.com-足球竞彩结果| 名门彩www.33997r.com| www.sw18.com-买彩票中奖秘诀| www.001326.com-彩客网竞彩开奖结果| www.927002.com-江苏快三计划大师| 旭彩www.737298.com| www.jh14.com-皇都彩票网址是什么| www.783542.com-什么是会员彩票| www.870780.com-福彩3d开奖彩票网| www.950595.com-乐彩客手机-| 500彩票www.348377.com| www.518422.com-中彩网双色球热议| www.282845.com-技术型彩民-| www.5120.vip-有多少人买彩票| www.300000.com-专业的彩票预测分析| www.6047.org-3d彩票专家图库| www.89849.com-体彩排列跨度振幅| www.083342.com-重庆彩票网查询| www.137877.com-七星彩今天开什么码| www.231383.com-福利彩8下载| www.296120.com-广西快三关注号码| www.367093.com-彩铅星空和麋鹿图| www.457299.com-福彩几号开奖时间| www.540880.com-易彩—彩民福地登录| www.376172.com-立彩是干什么的| www.929926.com-北京全民星彩| www.135534.com-福彩3d导航走势图| www.168210.com-湖北快三走势| www.240980.com-彩库宝典最快开奖| www.307639.com-七星彩历史开奖结果| www.367123.com-中国彩吧3d开机号| www.329231.com-福彩3d今晚-| www.397240.com-七星彩守号18年| www.748736.com-休育彩票七星彩| www.053307.com-江苏快三跟着群| www.136012.com-广西手机福彩门户| www.74302.com-彩虹旗emoji| www.261261.com-中国竞彩网官方公告| www.365876.cc-七星彩预测专家预测| www.004205.com-足彩竞猜比分| www.bd68.com-安徽快三冷号遗漏| www.8878.online福彩连环夺宝视频| www.083418.com-soul上的彩票托| www.091814.com-今日彩民乐阳光探码| www.61790.com-彩家园平台可靠吗| www.083811.com-彩票指南电子版今天| www.159146.com-福利彩票最新走势图| www.12261.cc-福利彩票短信| www.334064.com-网络彩票不能提现| www.733853.com-福彩61生肖| www.ug3.cc-湖北福彩百宝彩快三| www.551254.com-优彩网进不去| www.299889.com-中彩娱乐5分彩| www.954576.com-国外彩票平台有哪些| www.615621.com-体彩大乐透几位数| www.0415.in-迪士彩乐园网址| www.455522.com-买彩票能戒掉么| www.352382.com-时时彩平台信誉好| www.460616.com-体彩5d10玩法| www.575329.com-体彩亿元大奖彩票| www.933099.com-1分钟快三坑人的| www.29.cc-怎么买足彩赚钱| www.6152.biz-荣华彩票-| www.462086.com-99彩票推荐码| www.60355.com-优选彩店app| www.1419.vip-玩彩虹伞的背景音乐| www.533594.com-七星彩模拟选号| www.336060.com-私彩快三漏洞| www.355338.com-玩彩稳赚技巧| www.ce41.com-快三挣钱么-| www.9689.cm-七里彩开奖i结果| www.827499.com-福彩3d丹东图库| www.56xe.com-118彩票真的吗| www.570055.com-好彩36查询-| www.656328.com-博友彩可信吗| www.780397.com-彩铅画风景小清新| www.773201.com-微彩网址-| www.153240.com-七星彩历史中奖注数| www.235928.com-澳客网彩票-| www.505470.com-逆袭分分彩安卓版| www.566573.com-北京和彩自助| www.650069.com-博彩堂30码资料| www.1639.in-澳洲三分彩开奖记录| www.77990.cc-福彩快3怎么能赢| www.083676.com-网上博彩是违法的吗| www.308064.com-4567彩票-| www.522542.com-足彩19049媒体| www.00338.com-重生彩票大亨|