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天

知道了
9彩注册 www.187352.com-快三官方开奖网| www.43xo.com-纳彩-| www.780793.com-新彩网p3专家推荐| www.158489.com-pc彩博-| www.260631.com-福彩快三赌博| www.62mg.com-如果彩票中奖| www.223060.com-福彩3d论坛乐彩网| www.739426.com-999彩票靠谱吗| www.559894.com-彩票收藏论坛| www.666833.com-国乐彩计划-| www.753080.com-彩神岛彩票-| www.828997.com-永信彩票app下载| www.52vf.com-竞彩凯利方差指数| www.1836.cc-正彩焕颜赋活素颜霜| www.835006.com-福彩3d天天彩图谜| www.772551.com-福利彩票图标| www.851144.com-极速时时彩压豹子| www.954920.com-彩票乐善码什么意思| 金掌柜www.83993b.com| www.670229.com-四星彩票-| www.731433.com-竞彩小章鱼-| www.819544.com-彩票炒群-| www.912087.com-彩票站买私彩| www.997366.com-福彩3d乐彩网摘| www.fu21.com-彩神ll解析-| www.g15.mobi-下栽彩计划-| www.773815.com-地方彩种开奖| www.926488.com-优信彩票平台网址| www.cp589.com-下载江苏快三| www.235744.com-齐鲁风采t乐彩| www.463412.com-天冠彩票邀请码| www.9115.loan-彩民之家a新图| www.89492.com-全国彩票娱乐平台| 网易彩票www.36788y.com| www.198989.com-微彩票-| www.917386.com-百度乐乐彩彩票| www.321033.com-彩票开奖七星彩今天| www.414259.com-98彩票官方-| www.541178.com-亿彩彩票苹果版| www.621603.com-黑龙江时时彩规则| www.721133.com-快三如何算中奖| www.75cd.com-时时彩倍率换算| www.085777.com-大发彩票用户登录| www.zc94.com-体育彩票一定牛安卓| www.01ub.com-中五百万大奖彩票图| www.772.gg-时时彩看号手机软件| www.7368.cc-福彩基金-| www.751523.com-2020中彩-| www.090614.com-老快三开奖-| www.480100.com-足彩返奖率-| www.577987.com-开黑彩票判多少年| www.666610.com-国家彩票培训师| www.615.cm-重庆时时彩开挂软件| www.508415.com-新加坡彩票玩法| www.587070.com-头彩官网-| www.663820.com-河内五分彩开奖号| www.757123.com-福彩高层如何做假| www.552523.com-广东爱彩乐十一选五| www.654382.com-新盈彩登录-| www.750431.com-豪彩平台总代理| www.826272.com-超级彩票全球| www.894518.com-怎么查彩票中奖地区| www.963094.com-彩色混凝土耐磨地面| www.cp5888.cc-2019互联网彩票| www.l83.cn-两元彩票网-| www.8395.cn-易利三分彩全天计划| www.2834.biz-彩虹糖是箭牌公司的| www.009614.com-手机彩票网投| www.9747.xyz-天津体彩网11选5| www.82895.cc-今晚体彩开奖直播了| www.972530.com-简单彩铅画-| www.9lk.com-七星彩私彩回扣| www.344.online-彩票最大中奖金额| www.554.live-5oo彩票-| www.779458.com-600万彩票网登录| www.860931.com-河南省彩票发行中心| www.963252.com-网投一分快三合法吗| 购彩堂www.853548.com| www.jh37.com-发彩app下载安装| www.m54.online-网络黑彩票怎么举报| www.26177.cc-彩虹如何形成| www.207285.com-今日彩票官网地址| www.326967.com-福彩双色球试机号| www.15vd.com-幸运彩网福-| www.303.cx-网上彩票公司合法吗| www.754488.com-中原福利彩票开奖| www.32532.com-3d彩报图今天老虎| www.33498.com-云南福彩快三| www.70369.com-下载一品彩票| www.597263.com-众亿彩下载-| www.300753.com-免费送彩金白菜网| www.867076.com-星期一出什么彩票| www.51353.cc-幸运彩一河南福彩网| www.032731.com-派彩走势图下载| www.377231.com-福彩3d奖项设置| www.wg19.com-体彩排列三推荐号的| www.531058.com-今晚福彩专家预测号| www.660563.com-彩票预测哪个好| www.742095.com-云来彩票版-| www.853495.com-海南私彩几点开奖| www.hl13.com-彩票挂机软件手机版| www.756.me-苏江苏快三-| www.uf13.com-甘肃快3彩票开奖| www.7661.cc-网易彩票图标| www.33033.cc-江苏体彩兑奖地点| www.71205.com-3d彩票-| www.021376.com-三地彩吧图库第二版| www.6938.vip-七彩虹论坛-| www.484800.cc-快乐时时彩app| www.607608.com-体育彩票黑彩网站| www.696250.com-快三论剑-| www.184382.com-快三吉林市-| www.132619.com-彩票截止购买时间| www.761666.cc-大玩家彩票平台| www.75708.com-足彩入门教程系列书| www.469588.com-竞彩足球是不是赌博| www.613931.com-竞彩跟单平台有哪些| www.718162.com-聚财彩票网可靠吗| www.875173.com-彩宝网首页彩| www.975594.com-一定牛彩票网址地址| www.mb91.com-糖果彩-| www.54nz.com-彩票管理员职责| www.68905.com-头奖彩票官网| www.107202.com-排列三破解彩票漏洞| www.8213.top-章鱼彩票竞猜| www.201910.com-福彩3d2元-| www.529604.com-那个彩票好中奖| www.2go.com-网易不能买彩票了| www.683469.com-爱开彩app-| www.715965.com-有戒彩票的地点吗| www.072935.com-新版天天爱彩票| www.125435.com-体彩大乐透头奖概率| www.183056.com-安徽福利快三一定牛| www.90sl.com-家彩网开机号码| www.4404.vip-福彩快三骗人吗| www.295813.com-网上怎样买彩票| www.538280.com-彩云国秘抄重华| www.126400.com-印尼五分彩开奖结果| www.226356.cc-导师彩票带赚| www.200342.com-彩宝贝网彩票| www.092573.com-福建体育彩票下载| www.180079.com-福彩快三真的很坑人| www.961241.com-广州鸣彩公司靠谱吗| www.321029.com-易彩堂彩票网站下载| www.766546.com-彩虹糖的寓意| www.855184.com-那种彩票中奖率高| www.922396.com-国家竞彩培训师考试| www.971477.com-多玩彩票下载| 网易彩票www.558423.com| www.493322.com-七星彩票开奖时间表| www.72263.cc-福彩胆组方法| 网易彩票www.26163j.com| www.453553.com-老快三推荐号码| www.232094.com-福利彩票如何选号码| www.76nt.com-黑龙江省福彩彩票| www.4425.cc-赛马结果派彩| www.5sy.com-网上才彩票玩死人| www.607025.com-天津体育彩票官网| www.933553.com-中发彩票下载安装| www.cp759.com-河北快三走势图新版| www.401342.com-500彩走势图表| www.535564.com-福彩几点可以兑奖| www.299155.com-体彩排列五开奖查询| www.493342.com-七乐彩彩票开奖时间|