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.529905.com-东方彩票违法吗| www.98bt.cc-空间炫彩字体怎么改| www.573407.cc-933彩票最新版本| www.692422.com-辽宁福彩网快乐12| www.810495.com-新浪足彩竟技风暴| www.898328.com-福利彩图标-| www.983834.com-985彩票app-| www.bl45.com-彩票购彩大厅登录| www.397098.com-买体育彩票软件下载| www.398751.com-彩运来官网下载| www.xs33.com-手机彩票注册送礼金| www.427950.com-赛马彩票三中三| www.549895.com-好彩票是骗人| www.114460.com-彩票抓14人-| www.613995.com-生肖彩票下载| www.303001.com-广东好彩36开奖| www.786713.com-大通彩票路线入口| www.05103.com-福利彩票怎么代理| www.283573.com-什么彩票六位数| www.330680.com-91彩神是不是骗局| www.845062.com-5360彩票手机版| www.812353.com-福彩3d稳氏和值| www.456380.com-名彩堂app下载| www.607358.com-彩托怎么当-| www.808539.com-彩票开奖走势图3| www.968637.com-乐彩vip合法吗| www.qt44.com-福彩文化理念是哪些| www.jd93.com-彩票双色球随机选号| www.2156.wang-福彩三地胆码杀码| www.227753.com-众彩彩票app| www.xz66.com-吉祥彩票app| www.28ih.com-易网彩票更新| www.130.gg-无线幻彩控制器| www.259611.com-重庆时时彩助手官网| www.8976.biz-旺彩旧版双色球软件| www.397621.com-福彩图谜牛彩网| www.160921.com-七星彩早版与加急版| www.415789.com-七彩阳光音乐下载| www.54yc.com-遵义有几处卖彩票| www.0306.me-彩票是什么时候发行| www.237842.com-快三推广-| www.88979.com-连中彩票王-| www.114291.com-湖北快三今日分析| www.333663.cc-公司要求平分彩票| www.me3.com-贵州彩票快三玩法| www.5953.cn-长春省体彩中心地址| www.507657.com-今天星彩开奖结果| www.621861.com-宁波彩票中奖者| www.695370.com-足彩8x70-| www.768769.com-8k彩票网址-| www.836705.com-立彩怎么样-| www.647558.com-立中国福彩-| www.822793.com-篮彩大小分算加时吗| www.948969.com-彩票娱乐网站大全| www.cp011.com-网易彩票官方下截| www.355789.com-手机投够彩票| www.541742.com-完美彩票彩79| www.15998.com-内蒙快三出啥号| www.351.in-中彩堂网开奖| www.034089.com-七乐彩哪一年发行| www.715108.com-支付宝买彩票可靠吗| www.bm53.com-大发彩票下载地址| www.vh39.com-京彩app那里下载| www.079672.com-足球众彩专家汇总| www.277763.com-网投时时彩可靠网站| www.74ty.com-香港中彩网网址| www.hn02.com-彩票高手经验心得| www.962534.com-彩票3d专业软件| www.ph.com-快三是什么的简称| www.119514.com-家彩网app下载| www.8hi.com-微彩吧怎么提现| www.63vh.com-中国彩票研究院| www.977249.com-濮阳油田彩礼新规定| www.en3.com-快三的规律-| www.809522.com-深圳店之宝彩票| www.990728.com-怎么破解彩票的充值| www.pl38.com-海南体彩app| www.66xi.com-优游体彩-| www.37945.com-玩彩票app推荐| www.032589.com-彩票106是假的| www.pj14.com-足彩19040-| www.042195.com-足球彩票票面怎么看| www.069916.com-彩神争霸团队| www.092353.com-福建体彩中心地址| www.bt11.cc-乐彩网一分快三技巧| www.989398.com-81818彩票-| www.291673.com-内蒙快三组合| www.576027.com-v8彩票登录-| www.2550.vip-时时彩趋势k线软件| www.783099.com-福利彩助手-| www.879091.com-彩票今天快三走势图| www.966197.com-福彩排三图谜总汇| 500彩票www.758500.com| www.im80.com-足彩波胆-| www.85307.com-中国体彩竞彩app| www.862322.cc-福彩每周几开奖时间| www.927928.com-体彩7位数怎么买| www.982727.com-67彩骗人-| www.ps6.com-甘肃福利彩票官网| www.34454.com-下载上海体彩| www.9556.biz-狂欢彩票-| www.333609.com-做彩票的公司| www.37321.cc-皇家世彩网站| www.605.me-福彩五分彩官网| www.4426.vip-今天赛马派彩及结果| www.08378.cc-加微信、拉人玩彩票| www.241800.com-七星彩复式胆拖| www.060225.com-意大利彩金是真的吗| www.385071.com-澳发彩票是骗人吗| www.531311.com-彩铅画桃花树| www.612115.com-足彩吧狗万-| www.688220.com-微信怎么买福利彩票| www.783661.com-01cc第一彩票| www.872990.com-栋栋彩票-| www.952606.com-彩k-| 天下彩www.451770.com| www.677985.com-福彩形态组三组六| www.804678.com-买个时时彩源码下载| www.890935.com-体彩中奖怎么领取| www.964811.com-海南七星彩走势图表| C9999www.318548.com| www.77209.com-慱发彩票是那里的| www.625766.com-时时彩彩票开奖结果| www.4456.vip-彩尊手机版下载| www.31jo.com-彩虹吉他教学| www.507122.com-怎样分析彩票走势| www.617503.com-延吉彩票站转让信息| www.777600.com-多彩网江苏快三| www.868420.com-海南至尊七星彩图纸| www.936050.com-靠彩票能发财| 好彩www.60123p.com| www.099623.com-体彩试机号和金码| www.88my.com-福彩大湖字谜| www.545245.com-竞彩足球比分直| www.640880.com-今天彩民乐图是什么| 易旺彩票www.yw373.com| www.pa16.com-双数开彩-| www.83ss.com-网络彩票中奖五百万| www.862117.com-乐彩客彩票-| www.928359.com-跟彩票计划的技巧| www.983377.com-盈彩网时时彩计划| www.xn0.com-福利彩票快3怎么玩| www.44148.cc-58福彩靠谱吗| www.85238.com-彩票开奖网源码| www.086891.com-福星彩彩票是骗局吗| www.db71.com-贵州快三分布图| 500彩票www.701504.com| www.334787.com-福利彩票布衣图| www.897637.com-彩票广告贴怎么弄| www.699350.com-乐顺网买彩票靠谱么| www.9789.net-为什么叫多彩贵州网| www.81925.com-093彩票下载安装| www.081082.com-体彩排列3开奖时间| www.184599.com-玩彩票-| www.611511.com-长春3d彩报-| www.739184.com-高频时时彩平台| www.862820.com-重庆时时彩购彩大厅| www.916143.com-怎样加盟福彩投注站| www.w22.org-好彩远app下载| www.84rv.com-体育彩票足彩怎么玩| www.2093.com-福利彩票东方6+1| www.02gm.com-七色彩虹花-| www.058058.com-彩界联盟正版| www.486520.com-蓝彩蝶-|