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天

知道了
亚洲28 www.44068.cc-中国体育彩票店转让| www.801228.com-6a彩票app-| www.068851.com-福建快三一天多少期| www.483615.com-705黑彩案件| www.gq70.com-彩色透水混凝土| www.12mr.com-七号平台彩票| www.559.cx-250计划时时彩| www.6309.cn-福彩3d图片字谜| www.25221.cc-学彩铅画的发展空间| www.404944.com-欧冠冠军猜冠军彩票| www.008571.com-胜负彩19039期| www.3140.top-南国七星彩票加急版| www.508.cc-99彩票时时彩平台| www.07660.com-彩票中奖新闻最新| www.01pz.com-天天彩选4机选| www.vx81.com-中国福彩中心3d| www.088456.com-d9彩票下载安装| www.266814.com-体彩排三走势图| www.83399.cc-河南体彩兑奖中心| www.057219.com-大发快三助手一分钟| www.799910.com-龙之彩是不是黑平台| www.282911.com-准提咒彩票-| www.545413.com-福彩双色球复式查询| www.645752.com-博彩怎么能长期盈利| www.774324.com-七星彩中奖规| www.875927.com-彩票大神跟单靠谱吗| www.967927.com-足彩竞猜分析预测| 大赢家彩票平台www.902261.com| www.56088.cc-快三彩票计划公式| www.083251.com-我被别人拉到彩票群| www.994853.com-随机彩票号码生成器| www.95dq.com-金手指彩狗捕鱼客服| www.557869.com-姐妹彩票-| www.002643.cc-快三倍投10期计划| www.494636.com-陕西彩-| www.612501.com-彩计划gcbcc| www.74487.com-中国足彩网彩票官网| www.6292.cm-凤凰彩票官网是多少| www.361.tv-永胜彩票-| www.059007.com-大发快三出豹子前兆| www.05122.com-玩彩软件排行榜| www.840914.com-七乐彩双色球区别| www.930653.com-10万彩票要交税吗| www.982176.com-3地字谜总汇新彩网| www.67390.com-买彩票算赌博么| www.39527.cc-豪彩平台总代理| www.013662.com-五分彩怎么玩不会输| www.129200.com-彩虹旗论坛-| www.416385.com-时时彩半顺最长遗漏| www.120609.com-福建快三直播| www.329636.com-速赢彩合法么| www.817.me-手机体彩投注客户端| www.094776.com-福彩3d奖金规划| www.177453.com-福利彩票是什么快三| www.mn6.com-江苏快三怎么看走势| www.yz28.com-快彩网彩票平台| www.21212.com-赢发彩票可信吗| www.222386.com-福彩十分钟开奖规则| www.341408.com-彩票店销售服务用语| www.463440.com-今天体彩排列五直播| www.896822.com-福彩3d湖南江南彩| www.977505.com-进口彩妆进货渠道| www.ey.com-竞彩网首页-| www.012938.com-彩界神通今日双胆| www.096091.com-四川省体育彩票兑奖| www.90066.com-无视ip注册送彩金| www.402007.com-购彩网彩票首页| www.532989.com-7星彩啥时候开奖| www.621509.com-迪士乐园彩票| www.475488.com-500万网彩票| www.568998.com-正规彩票店买黑彩| www.9882.cn-亚洲彩票app| www.hf32.com-今日福彩3d字谜| www.zj68.cc-我的彩票幸运号码| www.35tj.com-福彩3d+专业连线| www.645057.com-皇室彩票是真的吗| www.801920.cc-大老头彩票-| www.893300.com-彩票大师app| www.977762.com-足彩竞技-| www.ij6.cc-快乐彩攻略-| www.96957.com-彩票案视频-| www.060041.com-新浪爱彩电脑版| www.62537.com-彩票中奖图片制作| www.3200.vip-爱中彩票应用| www.21856.cc-用网络彩票套现| www.006986.com-中原风彩-| www.130787.com-驻马店上蔡县彩礼| www.962912.com-彩神邀请码-| 500彩票www.570477.com| www.126948.com-最近一期福彩开奖| www.571214.com-红快三360-| www.657250.com-时时彩算法软件| www.788318.com-彩票8app下载| www.859418.com-彩票山东十一选五| www.929563.cc-彩16官网下载地址| www.981620.com-快三手机版下载| www.cp896.cc-必中快三计划破解版| www.op.cc-244彩票送彩金| www.qw81.com-时时彩投资计划| www.4zl.com-福彩3d老北京字谜| www.64ns.com-福彩票三d电子晚报| www.698780.com-一定牛快三预测吉林| www.602369.com-福利彩票自助销彩机| www.315076.com-篮球彩票规则2串1| www.236253.com-乐乐彩票网-| www.332755.com-下载京彩-| www.83268.cc-彩票中奖之后上班| www.684655.com-福彩福彩福彩| www.860397.com-昨晚大乐透彩票号| www.974712.com-彩民中奖新闻| www.zd58.com-红牛彩app-| www.1713.vip-买彩网一彩票指南| www.29899.cc-体彩大乐透诗谜| www.969046.com-众彩彩票是真是假| www.796595.cc-众博彩票99-| www.ja13.com-彩票官方版app| www.797138.com-艾彩trample| www.900572.com-聚富网彩票坑人| www.980125.com-彩票打票员会很难吗| www.p63.net-幸运星座彩票玩法| www.0341.top-体彩双色球开奖时间| www.888.vip-占卜彩票-| www.114126.com-电脑快三计划| www.kh.cc-乐米彩票app| www.x20.cc-辽宁福彩中心网站| www.026875.com-辉煌彩票下载| www.502817.com-有知道彩678平台| www.590155.com-好客彩网站-| www.871984.com-福彩开机号近10期| www.rk3.com-河北快三开奖公告| www.665358.com-七乐彩摇一摇选号码| www.93pn.com-免冠彩色一寸照片| www.2541.shop-彩票分析软件k线| www.666873.com-彩票为什么倍投| www.766522.com-时时彩后三胆码计算| www.854220.com-多彩网手机版下载| www.658020.com-河南体彩排五| www.007.me-怎么找亿彩快三网址| www.762718.com-神圣彩票下载安装| www.865829.com-福彩快3跨度号码表| www.958453.com-九万彩票下载| 大玩家彩票www.84499p.com| www.237602.com-足彩胜负对阵表| www.330010.com-香港乐和彩开奖结果| www.90cu.com-福利彩票中11亿| www.2714.top-福彩3d基础知识| www.913170.com-彩票网站钱提不出来| www.456376.com-红彩直播盒子哪个好| www.573641.com-八卦测彩票-| www.686332.com-时时彩三期必中计划| www.802128.com-体肓彩票大乐透开奖| www.862558.com-体彩中奖号码多少| www.25666.cc-老北京赛车是官方彩| www.868943.com-彩票开奖体彩七星彩| www.964854.com-体彩20选5预测| 多宝彩票www.75538d.com| www.dw49.com-五星彩今日开奖号码| www.qi07.com-广东福彩好彩1详情| www.u56.cn-体彩3d藏机图| www.29ga.com-大菠萝彩票软件| www.55615.cc-3分彩分分彩开奖| www.23819.com-怎么样能戒掉彩票| www.60259.cc-58彩票换网址了么| www.356038.com-豪彩娱乐怎么样|