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.cx2.cc-彩票的宗旨-| www.757986.com-高频彩贴吧-| www.918120.com-900彩票安全吗| www.83369.cc-有没有彩票高手| www.122947.com-金石团队彩票计划| www.50702.com-彩票反水啥意| www.073533.com-彩6下载手机版| www.252548.com-彩票作假事件| www.396266.com-体彩星期四开什么奖| www.20976.com-彩票诈骗网站| www.026525.com-lol博彩app| www.650069.com-博彩堂30码资料| www.731498.com-易彩注册链接| www.804296.com-世界杯彩票如何购买| www.891829.com-今日彩是什么app| www.971974.com-体育彩票案-| www.cp0204.com-上海快三彩票走势图| www.062431.com-瑞彩祥云αpp| www.144132.com-福利彩票真的能中吗| www.722349.com-5省快三走势图| www.127039.com-唯美彩铅画风景图片| www.2050.website百盛彩票安全吗| www.46ug.com-三门峡快三开奖结果| www.1119.in-比利时5比2彩票| www.486191.com-陕福利彩票开奖结果| www.309351.com-彩票大马司-| www.50585.com-万润彩票平台| www.96310.com-699彩票安卓版| www.285545.com-福彩网快三骗| www.z39.cm-七彩票开奖结果| www.1743.bid-江苏快三号码预测| www.31755.cc-快易彩首页-| www.224642.com-大发快三看和值技巧| www.221158.com-大发快三中奖助手| www.22959.cc-语文课文中彩那天| www.t37.xyz-武汉彩民双色球| www.603839.com-河南妙彩服饰| www.703338.com-正版福利彩票| www.822998.com-99彩下载-| www.973040.com-彩虹岛手游| www.hn26.com-好彩客免费下载| www.105206.com-uu快三怎么玩| www.0462.net-河南福彩幸运魔方| www.396844.com-彩票会员中心| www.873763.com-老杨说彩近15期| www.941779.com-河北体彩佣金是多少| www.980444.com-彩铃下载免费| www.tq47.com-幸运28彩票-| www.24db.com-快乐彩中奖金额| www.853380.com-天天免费彩票大全| www.947761.com-竞彩专家推荐网| www.322913.com-最新的彩票查询结果| www.016009.com-在手机上如何查彩票| www.92ve.com-久久彩票提现多久到| www.658291.com-卖世界杯彩票的软件| www.307652.com-海南七星彩预测号码| www.746701.com-海南七星彩下注软件| www.52vr.com-大乐彩票开奖规则| www.188105.com-福彩快3图表| www.273334.com-王素英买彩票视频| www.116909.com-福彩网是什么网站| www.072078.com-彩票店如何吞票| www.163978.com-福彩3d太难了| www.542814.com-快三信博彩票| www.631544.com-好彩头的意思| www.742388.com-皇室彩票合法吗| www.190915.com-七星彩-| www.665703.com-七乐彩什么时候上市| www.786533.com-全民福彩网站网址| www.rc30.com-时时彩长期稳定打法| www.74kt.com-体育彩票5位数| www.1170.xyz-彩票统计网-| www.405559.com-七星彩选号顺口溜| www.541218.com-推荐大乐透彩票号码| www.840289.com-足彩赔率大师破解版| www.941789.com-福彩7乐彩开奖| 500万彩票www.96386o.com| www.1681.cn-17500l乐彩网| www.0083.cn-彩票店时时彩规则| www.791457.com-内蒙古快三和值| www.968007.com-怎么开彩票站点| 亿彩堂www.87668d.com| www.9614.xyz-亚博彩票真的假的| www.38987.com-网上买彩票不让提现| www.726155.com-大发彩票外挂| www.55772.cc-七乐彩复式机选| www.066433.com-三分快三有几种写法| www.567342.com-江宁福彩站点地址| www.645102.com-皇室彩票下载| www.747787.com-彩运宝客服电话| www.794828.com-彩66彩票-| www.909738.com-玩彩人杀码-| www.967520.com-彩票取款卡在第三方| www.cai1944.com我找到时时彩漏洞了| www.hs38.com-北京快乐彩8开奖| www.wb56.com-辽宁有快三么| www.713923.com-彩神争霸2app| www.612713.com-六福彩票app下载| www.684096.com-彩票杀号软件| www.757609.com-福建彩票网22选5| www.971948.com-彩票开奖api接口| www.cp806.com-快三平台靠谱吗| www.vj66.com-5分彩官方网站| www.55bb.com-分分彩漏洞计算方法| www.545.live-时时彩龙虎计划大师| www.868735.com-七星彩分析口诀| www.81840.com-时时彩冷热号规律| www.234877.com-多邦福彩3d-| www.43ge.com-福彩的秘密通道| www.50730.com-彩票店加盟赚钱吗| www.993915.com-下载玩彩票-| www.301266.com-旺彩预测社区| www.422202.com-3d走势图乐米彩票| www.568935.com-安徽快三开奖40期| www.071578.com-转让彩票店不能更名| www.026701.com-辉煌彩票合法吗| www.127159.com-彩铅画风景图片简单| www.195326.com-快三跨度算法预测| www.822249.com-111彩票cc-| www.186.online-素描彩铅画图片简单| www.3973.org-徐州彩民中奖| www.8328.bid-时时彩号码复式| www.007607.com-体彩7星-| www.5738.cc-黑彩曝光-| www.43799.com-今日赛马派彩结果| www.017238.com-盛大彩票网站是什么| www.v27.in-贵州体彩快-| www.3121.net-世界杯网售彩票| www.339506.com-快频彩稳赢-| www.444834.com-彩票大数据网| www.025495.com-500彩票能赚钱吗| www.500031.cc-彩票x缘-| www.5970.vip-大乐透福彩还是体彩| www.42796.com-怎样下载彩经网| www.050398.com-黑彩规划倍投可信吗| www.ov67.com-彩票倍投计算在线| www.12286.cc-鸿博彩票登录网址| www.032629.com-137彩票-| www.70dc.com-全天澳门时时彩| www.637069.com-翼龙2和彩虹5| www.505348.com-炫彩边框壁纸图片| www.05205.cc-即开彩app下载| www.7dc.com-浙江宁波员工中彩票| www.206216.com-快开彩-| www.3606.cn-3d南方双彩票| www.34738.com-福彩三d今晚开奖号| www.987839.com-新利快乐彩投注| www.101676.com-江苏快三时间差软件| www.067880.com-重庆时时彩的算法| www.ei48.com-高频彩票就是诈骗| www.48jf.com-天际彩票是骗局吗| www.2159.wang-体育彩票任5开奖| www.373926.com-沈阳体彩11选五| www.f52.cc-彩票吗-| www.35vu.com-沈阳和平区体彩中心| www.96bi.com-体彩任五任三| www.98448.com-分分彩对应公式| www.75537.cc-3d68期彩吧图| www.483755.com-福彩3d一字谜| www.769103.com-足彩任九胆拖投注| www.876271.com-怎么下载福利彩世界| www.737217.com-新彩吧图库多彩网| www.810111.cc-必赢彩票网址| www.139097.com-盈彩的意思-|