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天

知道了
彩01彩票 www.852369.com-c27彩票app-| www.969428.com-凤凰彩票输了50万| www.cai0644.com兰州快三走势图今天| www.ps09.com-长城彩票大发| www.9ja.com-四个数的有什么彩票| www.410181.com-七星彩排列五群| www.581563.com-七彩几位数-| www.786936.com-全民星彩-| www.910476.com-小白彩票官网| www.995334.com-北单竞彩app| www.ba37.com-大发彩网是骗人的么| www.wk67.com-彩票怎么看走势入门| www.0168.vip-彩色宝石排行榜| www.8778.in-激光透视彩票| www.60182.com-老杨说彩大乐透| www.017637.com-刚力彩芽车祸现场| www.089195.com-48选7彩开奖结果| www.850874.com-免费时时彩源码论坛| www.940768.com-体彩怎么中奖| www.cp527.com-国家正规快三网站| www.wv19.com-电子游艺送彩金| www.47hk.cc-中国体彩排列三杀码| www.8161.pw-河北七乐彩开奖结果| www.95213.cc-彩妆-| www.136596.com-福彩3d中彩网字迷| www.233799.cc-中彩网登录-| www.838460.com-q彩客户端下载| 彩经彩票www.54844.com| www.k24.tv-免费送彩金游戏网站| www.2323.space-彩票三d开奖多少钱| www.010498.com-时时采彩怎么玩| www.232162.com-旺彩社区-| www.637059.com-双色球大星彩走势图| www.957454.com-体育彩票网点| www.py77.com-乐都彩票app| www.5295.cc-快点恢复网上彩票吧| www.202976.com-精彩十分中奖规则| www.365134.cc-彩票弃奖一览表| www.954870.com-瑞彩祥云如何作弊| www.6815.com-66彩票官网-| www.698293.com-吉林快三全天计划群| www.58181.com-有谁中过彩票大奖| www.cai8377.com彩票开奖双色球| www.90yt.com-重庆时时开彩下载| www.54920.com-福彩三d缩水器| www.203311.com-湖北福彩5d怎么玩| www.499439.com-体彩有哪几种彩票| www.3ff.com-亿彩票app安卓| www.24289.com-手绘彩铅动漫樱花树| www.315356.com-重庆时时彩免费计划| www.509125.com-彩16正规吗-| www.689201.com-彩票奖池是什么意思| www.835318.com-彩视app下载| www.746637.com-彩神江苏快三破解版| www.235139.com-福彩网官方网下载| www.643979.com-彩票5元去哪里拿| www.15365.com-k彩平台-| www.000002.cc-彩票mega-| www.122859.com-天天彩票骗局| www.345750.com-福彩3第牛彩摘彩网| www.550073.com-彩播直播是什么软件| www.686852.com-中彩那天的课文图片| www.172518.com-江苏福彩快三开奖| www.327858.com-下载排三彩票开奖| www.496755.com-v9彩票正规吗| www.706377.com-收中国福彩开奖号码| www.2680.pw-彩票6288骗局| www.xc58.com-特区海南七星彩论坛| www.231668.com-一分快三彩票官网| www.360225.com-彩票主任王素英| www.071317.com-骗婚彩礼钱退还| www.18tm.com-彩票礼拜五开什么奖| www.34167.com-500彩票时时彩| www.121728.com-宁夏福彩中心招聘| www.280570.com-凤凰平台时时彩奖金| www.426887.com-职业彩民的生活| www.600166.com-酒后中彩4830万| www.785500.com-彩票守号推荐| www.927577.com-俄罗斯彩票-| www.cp3511.com-盈彩在线骗局| www.964629.com-凤凰快三登录网址| www.av02.com-官方一分彩票| www.1sp.cc-5分彩开奖走势图| www.719.live-中发彩票简介| www.880591.com-百胜彩票平台是官网| www.gm49.com-江苏快三有假| www.39652.cc-众兴彩票-| www.023798.com-彩专家官网-| www.383970.com-抓包修改时时彩数据| www.76kn.com-香港a23彩票网| www.47696.com-大乐透彩票预测| www.272362.com-快三有没有什么技巧| www.424826.com-明发彩票提现快吗| www.188631.com-屠龙快三团队| www.318593.com-福彩3地八卦图| www.574280.cc-大星彩票综合走势| www.719658.com-马来分分彩开奖查询| www.945629.com-福彩双色球福建中奖| www.tk80.com-江苏快三怎么玩豹子| www.772673.com-婚恋时时彩诈骗| www.k63.com-彩票试玩账号赚佣金| www.505236.com-北京福彩网彩票| www.ld93.com-大彩网官方-| www.79ah.com-香港三色彩333| www.322775.com-七乐彩胆拖-| www.476333.com-网络彩票倍投的骗局| www.625216.com-时时彩大小技巧实战| www.778364.com-彩运网cy75-| 网易彩票www.074wy.com| www.1wn.com-乐彩网玄机图| www.65or.com-彩票站怎么提成| www.793700.com-斯诺克体育博彩官网| www.936111.com-体彩网官方首页| www.73ji.com-体彩5d中奖号码| www.s09.com-购买彩票app| www.9752.biz-福彩3d会员主图| www.210965.com-七乐彩开奖号码| www.400774.com-七星彩一二位和尾| www.47155.com-彩票开奖结果查询| www.968274.com-彩票全买一遍多少钱| www.947278.com-彩票概率问题| www.087047.com-为内蒙古喝彩原版| www.14379.com-浙江体育彩票手机版| www.020355.com-彩3下载-| www.304159.com-彩控甘11选五| www.nw32.com-竞彩任九-| www.831063.com-好彩萝卜糕-| www.691358.com-足球彩票l-| www.782612.com-福利彩票七彩乐开奖| www.312661.com-猜单双的彩票| www.452030.com-优优彩票网怎么样| www.631011.com-舟山飞鱼彩票技巧| www.817962.com-足彩19032期| www.iq80.com-比分竞彩-| www.235221.com-体彩竞彩加微信| www.88719.com-网络彩票计划| www.7345.net-彩票票面符号| www.008356.com-19035期胜负彩| www.261371.com-金彩网彩票官网| www.609914.com-百彩网资料网址| www.01769.com-彩麒麟植物养殖方法| www.82066.cc-特彩吧高手网天下彩| www.3380.net-兰亭体彩软件| www.746989.com-齐中网、天下彩| www.38156.cc-湖北彩票app| www.948284.com-多彩网彩吧论坛汇总| www.83ja.com-太湖字谜乐彩网论坛| www.648857.com-种彩课文-| www.356297.com-彩票全能计划王| www.81323.cc-香港今日彩报| www.075049.com-幸福彩官网-| www.29pu.com-彩票网站推广哪家好| www.013315.com-南国体彩精彩论坛| www.635666.cc-七彩阳光广播音乐| www.183968.com-河北快三近100期| www.4057.com-七星彩质合走势图l| www.553771.com-山西老张竞彩| www.168654.com-胆拖平台时时彩| www.121026.com-福彩开奖历史记录| www.224429.com-彩神ll登录网址| www.360669.com-今日开什么七星彩奖| www.569541.com-香港陆和彩管家婆| www.51la.cc-北京福彩发行总部| www.10663.com-重庆时时彩竞彩|