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.033.cc-唐龙快递彩图| www.9293.online乐彩vip网页版| www.68395.com-鸿彩app下载| www.044339.com-兰州快三彩票开奖| www.141799.com-广州鸣彩公司口碑| www.232014.com-吉祥彩票开挂软件| www.325811.com-新浪彩票开奖一信息| www.413101.com-好彩票网址| www.530928.com-时时彩五星最稳| www.673022.com-上海福彩网天天彩| www.761639.com-竞彩足球竞彩版官网| www.881464.com-13彩靠谱吗-| www.963909.com-中国福彩股票| 幸运彩票www.444072.com| www.lk24.com-聋哑人中彩彩票| www.u46.org-首页新彩票走势网| www.60sk.com-网易彩票认账吗| www.1263.org-西藏福彩快三| www.06838.com-好运来3d彩票预测| www.57616.cc-ag彩数据软件下载| www.028597.com-五行与彩票3d| www.131410.com-河南彩礼一般给多少| www.261679.com-福彩官方版下载| www.384605.com-okooo澳客彩票| www.518111.cc-中奖彩票时票| www.593265.com-彩虹六号墨冰值钱吗| www.679117.com-博彩首充套利| www.764797.com-七星彩论坛加急版| www.888677.com-中信积分换彩票查询| www.968467.com-新加坡彩票怎么买| www.bx20.com-博彩推广技巧| www.vw52.com-v8彩-| www.40jx.com-彩票代理合法吗| www.1307.website鸿运乐彩靠谱么| www.8598.cc-情人节买什么彩票| www.45675.cc-彩票猜图三d| www.94682.com-竞彩360足球| www.064901.com-彩票平台注册送财金| www.188624.com-彩票长龙技巧| www.298563.com-时时彩后三混选稳赚| www.376926.com-东北娶媳妇要彩礼吗| www.529362.com-旧版彩库宝典下载| www.619689.com-彩票开业活动方案| www.696234.com-连中彩票的人| www.779015.com-彩报3d银海大公鸡| www.865229.com-足彩网站-| www.934321.com-智博彩票网微信号| www.993725.com-竞彩玩法讲解| www.id8.com-内蒙古快三49、期| www.qk33.com-福彩3今天开奖| www.10jg.com-天佑风采彩票| www.83ql.com-惠彩切纸机-| www.2407.top-竞彩店买足彩| www.8475.cc-亿彩网合法吗| www.96256.com-飞腾彩票官网| www.063636.com-如何开私彩平台| www.163061.com-时时彩半顺杂六技巧| www.255311.com-微彩吧兼职是真的吗| www.332799.com-国家彩票苏国京| www.413541.cc-特彩吧49gcc| www.518191.com-牛彩彩票是合法的吗| www.589083.com-七星彩共有多少组| www.668324.com-彩票验证真伪| www.751362.com-彩拾下载-| www.929262.com-福彩网能玩吗| www.980376.com-看山东十一选五体彩| www.fk44.com-安徽省福彩中心地址| www.xs84.cc-王百万买彩票牛牛| www.19sa.com-博汇彩票最新消息| www.678.gg-澳门博彩有限公司| www.4755.net-领彩票奖金被杀| www.02062.com-老公买彩票欠下债务| www.69714.com-彩娱乐app安全吗| www.032319.com-彩票推广网站| www.110777.com-广州彩票开奖| www.185035.com-高频彩骗局-| www.259008.com-足彩19050任九| www.331644.com-中彩网东方6+1| www.412250.com-重庆试试彩技巧| www.521116.com-怎么玩黑彩赢钱| www.593399.com-七彩阳光小区| www.668491.com-买哪种彩票比较公平| www.743453.com-福利彩票怎么算| www.814933.com-球彩怎么买-| www.886439.com-百度乐彩网-| www.bi51.com-有人拉你投彩骗局| www.tc09.cc-最霸道的彩票网名| www.14mf.com-七星彩冷热怎么查询| www.97gb.com-彩排的反义词是什么| www.3084.win-中国彩票弃奖记录| www.8848.cn-网易彩票能买双色球| www.58002.com-体彩彩票是真的吗| www.018029.com-彩票投注站申请| www.086827.com-溢彩飞扬-| www.152462.com-5分快三开奖查询| www.260826.com-福彩快三网是真的吗| www.334143.com-黑彩服务器在国外| www.410813.com-苹果版唯彩会| www.511077.com-彩虹张惠妹mv| www.579274.com-谁有幸运彩票邀请码| www.652025.com-红牛快三骗局| www.791036.com-手机号选彩票| www.864839.com-下彩彩票下载触屏| www.927714.com-俄罗斯28彩票| www.980126.com-海南彩票网-| www.fe59.com-彩票长龙是什么意思| www.vt21.com-山东体彩扑克3规则| www.09wi.com-博胜彩票网址| www.74im.com-经纬时时彩平台网址| www.1075.net-上海中国体育彩票网| www.30736.com-好看彩票123网址| www.71765.cc-上海快三查询表| www.038056.com-千亿彩票-| www.121499.com-彩票拖-| www.188242.com-江苏快三豹子规律| www.255330.com-微彩排列三五| www.322359.com-高手计划彩票| www.387518.com-手机彩膜壁纸| www.549909.com-网上不能买足彩| www.627365.cc-c9彩票下载安装| www.691032.com-可靠的足球彩票| www.762992.com-如何买时时彩| www.868865.com-七星彩软件哪个最好| www.947819.com-福建快三实时开奖| www.995464.com-竞彩之家怎么注册| www.cp8911.com-百盈快三app| www.lt89.com-宝马彩票登录平台| www.e87.top-今晚七乐彩现场直播| www.30dw.com-体彩刮刮乐兑奖问题| www.0363.me-如何判断快三跨度| www.6501.vip-七乐彩三胆专家预测| www.13830.cc-中国福建福彩官方网| www.52778.com-七彩云南翡翠怎么样| www.92388.com-世界杯竞彩比分直播| www.042194.com-七星彩开奖计录| www.160382.com-福彩江苏基本工资| www.239399.com-网赌一分快三| www.307656.com-彩票站的惊天秘密| www.370262.com-网上彩票作假视频| www.455707.com-搜狗彩票精准杀号| www.537975.com-什么是国彩投资| www.658272.com-民彩电视-| www.733333.com-体彩十一选五开| www.800337.com-幸运彩下载app| www.869028.com-七星彩各个对数| www.947553.com-购彩就上-| www.983461.com-计划员彩票-| www.kl9.cc-3d新彩吧-| www.nd43.com-中彩手彩票合法吗| www.t67.com-重庆时时彩网站登录| www.41bc.com-龙虎时时彩走势图| www.962.red-第三届彩云杯| www.5533.site-足彩加推荐怎么样| www.00522.cc-体彩怎么买球员| www.55353.cc-时时彩盘-| www.94433.cc-nba竞彩交流群| www.043322.com-彩组语-| www.135335.com-河南福彩手机版| www.203017.com-下载吉林快三| www.263221.com-广西体彩11选五| www.358818.com-福彩双色球中彩网| www.428382.com-国外竞彩网站| www.512917.com-大家赢彩票走势图| www.572363.com-彩友多彩民版|