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天

知道了
彩票123现在叫什么名字 www.662292.com-三d中彩网-| www.512030.com-素描彩铅画图片初学| www.589715.com-海南七星彩局网图纸| www.678796.com-注册送168彩金| www.770454.com-福彩提现-| www.341268.com-数字彩票走势分析| www.553251.com-竞彩高手晒单| www.656368.com-澳洲45秒彩-| www.803967.com-哪个网站买体彩| www.902404.com-手机体彩app| 万利www.32123s.com| www.yb12.com-南昌福彩开奖| www.399682.com-体彩网手机比分直播| www.532697.com-星彩叫夏侯姬妈| www.024808.com-彩票玩法规则及中奖| www.948070.com-老猫彩票快讯| www.96eq.com-福赢门彩票-| www.669498.com-彩钢夹芯板岗亭| www.816620.com-快三输钱想翻本| www.928330.com-安徽十一选五彩经网| www.qd24.com-体彩二维码-| www.74jd.com-118彩图厍-| www.ro38.com-梦想彩票安卓版下载| www.641.xyz-鑫乐博在线彩票| www.505773.com-玩黑彩有没有挣钱的| www.842826.com-中国足彩在线的微博| www.649196.com-澳門理工博彩| www.3283.win-聚彩彩票平台登入| www.87ey.com-小白彩票1-| www.256273.com-青海西宁快三开奖| www.088780.com-彩名堂计划4.0| www.059995.com-5亿彩app下载| www.814144.com-体彩排列三技巧| www.890448.com-799彩票-| www.962684.com-彩乐乐3d预测专家| www.ri55.com-福彩快频彩-| www.54lz.com-甘肃福彩票-| www.332706.com-我爱乐透彩票网| www.56077.cc-七星彩今天号码| www.006240.com-武汉竞猜快三| www.071262.com-竞彩网招聘-| www.153692.com-双色球彩经网走势图| www.486035.com-大发彩票输了十万| www.9937.com-今日彩票出号| www.716283.com-蓝鲸彩铅画-| www.821811.com-彩乐乐3d推荐号| www.566064.com-彩票生奖查询| www.457920.com-幸运彩算不算赌博| www.609406.com-甘肃福彩了3d| www.691333.com-胜负彩14场直播| www.49703.com-皇冠足彩app下载| www.810721.com-一等奖彩票网| www.886284.com-八手巴购微微彩票| www.958865.com-98098j彩票网| 奔驰彩票www.74972.com| www.682245.com-足彩手机怎么买| www.777666.cc-168彩票网166| www.893050.com-彩票中奖秘籍王博士| www.969364.com-酷彩吧是什么平台| www.bg6.cc-福彩总汇-| www.g95.biz-如何下载彩宝| www.6985.biz-澳门3d彩票怎么看| www.r28.vip-永安彩票可以提现吗| www.75ia.com-pp彩票是什么意思| www.689844.com-凤凰微彩官网| www.5825.pw-体育彩票代码| www.673570.com-中国体彩监督投诉| www.qs53.com-福彩是几位数| www.96vg.com-彩票对打什么意思| www.818871.com-彩票筛选-| www.895261.com-京东快彩谁赚钱了| www.961881.com-福彩3d一新彩网| 500万彩票www.35155w.com| www.ee27.com-58彩票平台-| www.xa61.com-海南七星彩规律图| www.16mr.com-福彩开奖每周日期| www.012600.com-七星彩36期预测| www.938259.com-福建快三微信| www.337971.com-海南快2开奖彩票| www.408830.com-彩票中三等奖多少钱| www.918073.com-重庆老时时采彩走势| www.984291.com-福彩双色球机选5注| www.al58.com-七星彩对数表| www.969341.com-i8彩票计划稳| www.90330.com-买彩票机选容易中| www.081377.com-足彩骗局怎么赚钱| www.cp4899.com-大发快三玩法技巧| www.359535.com-中彩票秘诀计算公式| www.661240.com-皇家彩世界软件下载| www.794567.com-体彩早上几点开售| www.14hb.com-上海彩经网快三开桨| www.206922.com-福彩快3投注平台| www.82236.com-境外网站买彩票| www.088293.com-如何审计福彩| www.qc52.com-幸运快三怎么玩法| www.10gu.com-酷彩假货怎么分辨| www.74305.com-彩票追加和翻倍区别| www.069350.com-鹦鹉科技博彩破解| www.o63.biz-可以赠送彩票| www.64za.com-夺金三分彩-| www.63lf.com-网易彩票提现手续费| www.37892.cc-欢喜国际彩票| www.017197.com-广西快乐双彩开奖结| www.100844.com-大乐透彩民乐图| www.184409.com-全天北京快三计划网| www.05ue.com-国产彩电什么牌子好| www.361899.com-500彩票提现规则| www.720051.com-复式七星彩中奖查询| www.3810.com-承德市体彩中心地址| www.172836.cc-甘肃快三今天走势图| www.455725.com-彩虹六号中文名字| www.6607.shop-五百中彩票专栏| www.180337.com-福彩红快3-| www.331241.com-高频彩联盟开奖直播| www.396827.com-彩票双色球昨天的| www.488399.com-7乐彩开奖日期| www.561079.com-开网站卖彩票挣钱吗| www.0726.org-锋彩直播官网4.0| www.76vd.com-东莞福彩印刷| www.sk50.com-腾讯分分彩后二公式| www.807015.com-山东体彩客户端下载| www.891005.com-至尊彩江苏快三注册| www.962004.com-大发彩票官方网站| 彩69www.069963.com| www.569859.com-体彩11选5计划彩| www.635018.com-时彩能不能赚| www.56952.cc-重庆时时彩开盘时间| www.ga7.com-澳门六星彩开奖官网| www.88463.com-518彩官网开户| www.458056.com-专门研究彩票的人| www.298393.com-鄂彩宝-| www.38bx.com-青蛙彩彩票-| www.1630.xyz-彩克星官网-| www.8539.shop-时时彩倍投工具安卓| www.946556.com-福建体彩中奖领取| 通盈彩票www.848766.com| www.734321.com-凤彩网预测网址| www.805232.com-重庆时时彩有门店嘛| www.890388.com-飞信彩票网站| www.953632.com-网上福彩正规网站| www.996712.com-福利彩票机选和自选| www.ai30.cc-海南七星彩开奖结果| www.008988.com-腾讯彩票是怎么回事| www.280933.com-网上买彩票违法吗| www.371535.com-577彩票被黑| www.896142.com-中国福利彩票网购| www.973419.com-彩虹哥是什么意思| www.bj56.com-彩票大小单双软件| www.vx97.com-快三跨度走势图表| www.13dr.com-快三追两不同号| www.80hs.com-国彩彩票手机版下载| www.05610.com-义乌福彩中心| www.63816.cc-浙江省爱乐彩| www.385492.com-彩票输了叫-| www.552523.com-广东爱彩乐十一选五| www.623103.com-彩票资源网-| www.672872.com-体彩乐彩排列三论坛| www.916033.com-开彩票店经营| www.975049.com-七星彩前四位算法| www.37xw.com-下载七星彩-| www.94lw.com-彩票双色球怎么选号| www.2520.me-江苏福彩快三彩乐乐| www.7448.pw-彩票刮刮乐软件游戏| www.930109.com-传统足彩玩法|