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.227613.com-好运彩一分快三| www.353972.com-07彩票是正现的吗| www.8519.biz-彩票微信二维码| www.394098.com-福利彩票什么是开奖| www.217522.com-上海快三和值| www.333136.com-5分彩选号技巧| www.470279.com-一分快三杀号定胆| www.578923.com-福彩3d财子杀码图| www.678005.cc-买体彩世界杯| www.7065.biz-7彩便捷酒店的英文| www.234284.com-国家彩票软件| www.322443.com-竞彩半全场稳赚技巧| www.436132.com-湖南体彩快报大乐透| www.551773.com-购彩网是什么东西| www.627902.com-彩调王三打鸟| www.699010.com-福彩7十1开奖结果| www.590125.com-彩金项链周大福| www.3130.wang-如何买足彩划算| www.788056.com-下载彩票365下载| www.010203.cc-彩票加盟代理| www.bg08.com-如何看快三走势规律| www.662560.com-国彩在哪里玩| www.762615.com-靠谱的网络彩票网站| www.916224.com-凤凰时时彩平台| www.38958.com-彩神是不骗-| www.234160.com-怎么戒彩票-| www.333335.cc-彩票源码开奖器| www.419234.com-88彩-| www.535090.com-新加坡六星彩官网| www.607747.com-彩票追期是啥意思| www.679171.com-申请38彩金网站| www.234989.com-500博彩app-| www.330198.com-3d彩吧库图第一版| www.431848.com-彩票可以买多少钱| www.15sk.com-下幸运彩-| www.1062.com-七星彩现场摇奖直播| www.818.com-天齐网彩论坛网| www.7501.vip-彩票终端-| www.34642.com-好运快三5分钟一期| www.102655.com-福利彩票手机购彩| www.57722.com-博友彩票下载安装| www.287161.com-幸运28彩票-| www.419516.com-三宝生活体彩屋官网| www.312669.com-中华购彩票-| www.505264.com-时时彩几分钟一期| www.1835.cc-正彩素颜霜怎么样| www.3853.in-dd彩票网怎样| www.01930.com-旺彩网至尊双胆| www.282242.com-时时彩五星做号技巧| www.407858.com-七星彩票怎么兑奖| www.5659.org-福彩利彩票走势图| www.391605.com-全民乐彩-| www.536729.com-中国福彩时时彩奖金| www.2027.net-彩虹六号进游戏好慢| 8号彩票www.81520t.com| www.556981.com-3d彩票网上购买| www.663033.com-乐彩彩票资料| www.766836.com-彩乐糖果公司好不好| www.856830.com-八k彩票安装| www.704482.com-128彩票平台下载| www.806167.com-模拟彩票中奖| www.892900.com-彩票收米表情包| www.969737.com-新昌双彩乡天气| www.cp260.cc-河北新快三开奖结果| www.8463.loan-乐彩网官网下载| www.49459.com-彩票店过年几点开门| www.611855.com-真实的彩票程序| www.682658.com-市彩票发行中心| www.778222.com-破解彩票概率组合| www.870208.com-甘肃快三开奖结果啊| www.940989.com-网络彩票代理返佣| 8号彩票www.60108y.com| www.563835.com-易记彩票网站| www.702870.com-足球彩票如何跟单| www.797308.com-八马彩票app下载| www.877016.com-双色球彩迷网| www.992745.com-玩彩票怎么发展下线| www.y10.com-体彩排列五手机投注| www.870771.com-中博彩票开奖网站| www.999521.com-玩快三会被抓吗| www.my01.cc-腾讯天天中彩| www.042001.com-玩时时彩赚钱技巧| www.587895.com-彩票开奖排列五今天| www.50567.cc-下载乐彩彩票app| www.713788.com-河北快三走势图天的| www.13yg.com-福利彩票山东群英会| www.158473.com-重庆时时彩钻石团队| www.a38.net-数字家彩票-| www.089653.com-彩票对冲-| www.32911.cc-19050期体彩| www.203319.com-内蒙快三投注技巧| www.1905.in-彩票自动报号机器人| www.856111.cc-福少时时彩计划软件| www.320005.com-福彩三d字迷黑圣手| www.432300.cc-体育彩票多钱一张| www.552348.com-神彩黄金液-| www.685234.com-3d彩票图3月份呢| www.784168.com-福利采彩票开奖| www.944334.com-乐发彩票合法吗| 福彩www.2109n.com| www.nh25.com-体彩大赢家应用| www.09st.com-旺旺彩有中奖的么| www.274612.com-快三咋玩-| www.17909.com-竞彩坑人-| www.81823.cc-快三输钱谁能救我| www.068920.com-幸运快三什么意思| www.168084.com-北京快三预测推荐号| www.260555.com-北京福彩开奖结果| www.sp23.com-5分时时彩开奖记录| www.74sq.com-长沙开个福利彩票店| www.360564.com-彩票玩儿法-| www.493376.com-人人乐彩票官方| www.641021.com-体育彩票标志的颜色| www.133962.com-好彩1怎样买的| www.321498.com-明发彩票下载| www.435822.com-购力七星彩小辣椒| www.900191.com-甘肃快三技巧顺口溜| 网易彩票www.9356v.com| www.2231.cn-阿狸彩票阿莉彩票| www.525494.com-黑彩能赢吗-| www.13ge.com-好彩蓝莓双爆焦油| www.167060.com-三分快三人工计划| www.331132.com-财神彩票是真实的吗| www.401500.com-好彩客提现真的假的| www.sb18.com-体彩独胆必下胆| www.20aj.com-彩票挂机系统| www.98bj.com-新瑞博博彩-| www.5169.biz-河北体彩排列五开奖| www.12988.cc-排三众彩网汇总| www.58255.com-人人中彩票旧版下载| www.7837.in-足彩到底-| www.25929.cc-彩虹的含义-| www.59119.cc-万能彩票软件下载| www.52891.cc-好彩的烟购买| www.6dh.cc-体彩快赢481| www.236004.com-乐乐彩票是真假| www.299335.com-q彩票是真是假| www.810846.com-查询七星彩开奖信息| www.508678.com-玩体彩屋输了钱| www.25298.com-福彩作假事件| www.76393.com-想中彩票什么病| www.092753.com-周口那边彩礼多少| www.653425.com-玖亿彩票微博| www.197018.com-马来三分彩开奖直播| www.879191.com-易彩星彩票下载| www.075257.com-七乐彩除9走势图| www.313526.com-那些平台有极速快三| www.632238.com-揭秘中国彩票| www.796424.com-猜谜语动物的彩票| www.883704.com-名人彩票平台登录| www.4682.cm-快三二不同选号教程| www.933820.com-盛邦彩票群是真的吗| www.985110.com-红彩会手机登录入口| www.73ll.com-今日买彩黄历| www.517.cc-河南幸运彩票开奖| www.cai1411.com河北快三综合走势| www.994114.com-海南飞鱼彩票怎么玩| www.191673.com-人人中彩票下载| www.196173.com-百宝彩票网手机版| www.030076.com-彩票大赢l家| www.4373.vip-怎样办理福彩站| www.380074.com-手机可以购买彩票吗| www.663253.com-好123彩票-| www.833757.com-八亿彩app苹果版|