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.871713.com-苏州福彩官方网站| www.74qj.com-万豪彩票提现可靠吗| www.051931.com-万豪彩票下载| www.8962.xyz-新时代彩票是真是假| www.92577.cc-体育彩票一定牛| www.136310.com-牛彩彩票怎么登录| www.411401.com-七彩云南歌曲试听| www.88473.com-天下彩票t-| www.282436.com-小鹿多彩开奖网| www.434328.com-南昌开彩票店| www.618794.com-新浪彩票频道电脑| www.tk35.cc-江苏快三开奖预测| www.360.cc-体彩福彩速查表图片| www.x98.cc-彩票棋牌app下载| www.2867.biz-腾讯分分彩人工计划| www.445538.com-彩票白菜论坛大全| www.0213.in-百度彩彩票可靠吗| www.ry61.com-财神彩票下载| www.398.hk-惠民彩票安全吗| www.458455.com-十一选5大彩鲸| www.999666.cc-快三最容易出的和值| www.106.tv-兴安盟体彩中心| www.26064.com-彩虹有什么象征意义| www.506690.com-福彩3d麦久网| www.42951.com-天津体彩中心地址| www.292325.com-彩票uu直播合法吗| www.124300.com-买彩票的技巧和方法| www.cm32.com-福彩选4-| www.4545.pw-七星彩号码预测| www.356645.com-彩票中奖公司平分| www.536259.com-湖北快三和尾振幅| www.723777.com-888彩票真的吗| www.269336.com-什么彩票软件好用| www.501758.com-体育彩票流程| www.769013.com-亚博彩票官方下载| www.891687.com-彩票看走势图| www.278736.com-赌彩票输了50万| www.650672.com-彩虹伞介绍-| www.348006.com-7乐彩尾数走势图| www.110792.com-彩票吾爱破解| www.155410.com-体育彩票玩法大全| www.272018.com-体彩七星彩开奖号码| www.989471.com-乐彩走势图-| www.727406.com-新版广西福彩| www.31yj.com-官方彩平台网址地址| www.572527.com-褔建体彩-| www.687111.cc-大乐透彩票大奖| www.773074.com-厘模式彩票-| www.985374.com-老时时彩下载手机版| www.kq1.cc-超级快三走势图| www.762579.com-旭彩美缝剂质量| www.449972.com-下载七七彩票| www.xd12.com-743期期好彩cc| www.6768.pw-93彩票网站大全| www.ql16.com-福彩在线是正规的吗| www.603020.com-福利彩图片-| www.mh95.com-福利彩票怎么买法| www.847696.com-体彩申请表格式| www.006238.com-福彩今天3d出奖号| www.323652.com-彩票最快开奖是哪种| www.708518.com-彩神三赚钱是真的吗| www.315018.com-七彩视界官网| www.rw25.com-牛彩票首页-| www.9663.net-快乐彩票正规吗| www.461646.com-八卦玄机彩图四不像| www.860215.com-app彩八-| www.l85.net-南方双彩走势图大全| www.713208.com-百事彩票直接投注| www.f28.club-福乐彩靠谱吗| www.0800.vip-彩播贝贝-| www.890970.com-魔方彩票app下载| www.692587.com-七七乐乐彩开奖号码| www.149480.com-掌上中彩可靠吗| www.918275.com-彩票900-| www.635581.com-中国彩宝市场价格| www.990077.com-釉中彩和釉下彩安全| www.7001.com-成都七彩田野好玩吗| www.590797.com-微迅彩票网网址| www.798194.com-h广西体育彩票| www.52487.cc-玩好彩有赚到钱的吗| www.56781.com-大乐透网上购彩| www.278795.com-快三秒热水器功率| www.985411.com-足彩反着买-| www.kk22.cc-中国竞彩足球彩票| www.12005.com-k3彩票害了多少人| www.38cg.com-福彩双色球骗局| www.76697.cc-新彩网福利彩票3d| www.251180.com-巨龙彩-| www.843109.com-福彩中心工资| www.196791.com-广西快三开奖软件| www.490821.com-宏达彩票怎么注册| www.860004.com-500彩票苹果版| www.266719.com-968彩票下载| www.985348.com-足球竞彩数据app| www.695526.com-彩票合买圈套| www.877765.com-竞彩足彩算赌博么| www.558050.com-彩票赢家之免费大全| www.131653.com-四川成都彩礼价目表| www.44497.cc-彩票里什么叫长龙| www.863995.com-福利彩票pc-| www.cp8788.com-福彩快3交流群| www.803506.com-海南七星彩规律大全| 彩天下www.c1332.com| www.95308.com-福彩守号倾家荡产| www.572741.com-香港本地彩票app| www.z94.space-内蒙快三豹子遗漏| www.226992.com-快三线上投注骗局| www.663509.com-今天竞彩稳胆推介| www.889587.com-凤凰彩世界正规吗| www.04828.com-体彩中心官方网站| www.194108.com-甘肃快三专家预测网| www.050950.com-合买彩票怎么买| www.638967.com-体彩审批难吗| www.km11.com-易彩堂官方网址| www.982407.com-鸿彩是真是假| www.899054.com-快彩app电视| www.219949.com-福彩好运快三| www.cai4700.com内蒙古快三一定牛网| www.954899.com-中国足球竞彩比分| www.387588.com-户外全彩屏幕| www.872601.com-湖南体彩报-| www.7668.net-福彩双色球广告图片| www.175626.com-快三免费计划推荐码| www.524731.com-凯利公式彩票| www.817162.com-广州市福彩中心官网| www.866423.com-搜狐体彩网-| www.397384.com-信誉彩票网络平台| www.737721.com-欢乐彩直播间| www.97so.com-39彩票下载-| www.7051.vip-属马人今日彩票运| www.312915.com-福彩17500-| www.796347.com-尊彩网安全吗| www.306654.com-天津彩票网-| www.620523.com-福利彩票双色球买法| www.82re.com-幸运2分彩计划| www.1267.vip-福彩3位数-| www.23159.com-福彩3d毒胆高手榜| www.524908.com-彩票各两大平台互刷| www.009054.com-广西福彩官网手机版| www.177921.com-上海快三是怎么玩的| www.540171.com-彩票出票软件| www.8526.xyz-时时彩公式软件| www.571.org-福彩开奖资料大全| www.lw48.com-五分快三怎么玩稳赚| www.15hg.com-时时彩平台推广| www.667344.com-分分彩技巧投注方法| www.757668.com-福利三分彩有规律| www.pp6.cc-马来三分彩开奖结果| www.35qs.com-台湾福星彩综合图库| www.72553.cc-f8彩票app-| www.339214.com-福彩3d今日正版藏| www.638194.com-中国福彩宣传图片| www.56.vip-富贵彩害死了多少人| www.061915.com-彩客网怎么买不了| www.197426.com-澳洲五分彩开奖记录| www.zm56.com-体彩任九的玩法| www.62619.com-七星彩四码定位预测| www.cq49.com-盈盈彩票网首页| www.268201.com-17500乐彩-| www.15573.cc-k彩网速-| www.97952.com-138彩-| www.603974.com-彩升服饰批发| www.7ky.com-对彩票的认知| www.8065.cm-陈流水彩价格|