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.61903.com-领航彩票app| www.288996.com-内蒙古快三今天7期| www.371660.com-越南河内时时彩官网| www.01169.com-今天七星彩开奖视频| www.006546.com-好彩一开奖查询| www.4366.in-中彩票后的生活| www.41366.com-77彩票破解软件| www.004203.com-竞彩网即时比分| www.3729.wang-新七彩连珠-| www.779316.com-天天中彩票微信登录| www.889092.com-彩票帮投怎么回事| www.979336.com-旋子彩画手绘| 汇彩网www.www.hcw266.com| www.415342.com-足彩4串1中奖| www.587620.com-竞彩足球比分官网| www.95xm.com-体彩玩法一胜一负| www.gd36.com-高频彩票漏洞| www.31yw.com-彩虹宝宝动画片歌曲| www.4243.site-七彩彩票软件好吗| www.57377.cc-福彩3d相年富图迷| www.689911.com-足彩胜负彩中奖概率| www.732815.com-下载内蒙福彩一| www.796221.com-测能否中彩票| www.696348.com-体彩竞彩足球靠谱不| www.8345.in-时时彩快三是真的吗| www.096086.com-福彩刮刮乐客户端| www.895055.com-购彩网官网下载安装| www.366331.com-手机购彩客户端| www.562799.com-正规高频彩票有哪些| www.827033.com-太阳2彩票-| www.956377.com-彩神输钱-| www.lc7.cc-e球彩规律-| www.659773.com-明发彩票怎么样| www.841876.com-彩票用途-| www.988467.com-国民彩票手机皈| www.tv85.com-粤彩网合法吗| www.89bg.com-好运亚洲顶级彩票| www.5571.pw-uc彩票网是真是假| www.90764.com-双彩论坛手机版3d| www.100394.com-易赢彩票网址| www.218876.com-大发快三邀请码吧| www.029153.com-彩宝贝网双色球杀号| www.741123.com-乐彩客官网入口| www.562058.com-鸿彩直播梦-| www.58qb.com-福彩网购-| www.4616.com-每天买一注彩票| www.30365.cc-福彩两天计划| www.md94.com-安卓版58彩票| www.w89.cn-伦敦2分彩开奖结果| www.6518.me-开心100彩票官网| www.002172.com-彩票目前最-| www.116664.com-竞彩足球让平规律| www.187725.com-重庆时时彩时间规则| www.8205.top-徐州彩票大奖| www.826146.com-员工中3亿彩票| www.910116.com-粤彩实战网址| www.989725.com-132彩票抢红包| www.fs67.com-精彩十分玩法技巧| www.i30.top-彩投彩票网-| www.889626.com-凤凰网彩票网址| www.dt09.com-下载快彩助手| www.61cp.cc-完美彩票1app| www.692602.com-福彩马后炮解太湖| www.870303.com-彩八彩票邀请码| www.954563.com-爱彩票正规的吗| www.cv57.com-彩软件-| www.v37.cn-信誉彩票网投领导者| www.5398.biz-油性彩铅上色教程| www.145046.com-福彩3的最新杀码| www.950045.com-网上不允许销售彩票| www.kf00.com-彩票倍投app| www.79352.com-七星彩资料大全网址| www.059268.com-时时彩大小打法| www.3882.xyz-足彩竞彩胜负是啥| www.9363.loan-福利彩票黑客事件| www.42902.com-天今彩票与你同行| www.024936.com-易彩星彩票下载| www.92290.com-福彩和值表走势图| www.pb0.cc-01彩票app下载| www.09271.com-发彩票短信-| www.0073.top-广西快三专家推荐号| www.74304.com-七乐彩中7个多少钱| www.925252.com-精彩彩票-| www.997774.com-利彩app官网| www.cl76.com-安徽快三遗漏号技巧| www.822213.com-天空彩票四字解特| www.986178.com-时时彩4星平刷大底| www.nc25.com-乐米彩票改版| www.679320.com-死在彩票上的人| www.896311.com-合买彩票软件下载| www.mg33.com-北京快三平台| www.31tu.com-聚星彩票下载安装| www.0623.vip-粤淘彩票公众号| www.6020.cc-山东福利彩票中奖| www.8978.me-彩票开奖杳-| www.015323.com-寒若冰七星彩| www.479654.com-体彩7星彩开奖规律| www.72219.cc-鼎盛彩票-| www.24uy.com-解梦七星彩号码查询| www.49ld.com-彩陶泥冰淇淋图片| www.269018.com-超彩票-| www.839296.com-如何玩江苏快三| www.939527.com-福彩快三计划网站| www.990215.com-彩乐园彩票-| www.ts0.com-最新体彩开奖号| www.140822.com-518彩网是真的吗| www.230933.com-567彩票下载| www.542658.com-彩票查询历史中奖| www.614717.com-宋三彩特征-| www.680292.com-什么是彩礼-| www.764346.com-乐猫彩票合法吗| www.831488.com-已发彩票-| www.892762.com-彩票摇奖模拟器作假| www.951534.com-红彩网软件-| www.990832.com-tt快三-| www.mq.com-快三能不能赚钱| www.944876.com-假福彩-| www.562177.com-福利彩票去哪买| www.653905.com-卖假彩票刮刮乐| www.735979.com-新浪彩票必发指数| www.894188.com-779彩票骗局| www.966727.com-体彩网上购买火车票| www.ie2.cc-新内蒙古快三| www.10ho.com-网冠彩3dd-| www.865.cm-时时彩到底怎么获利| www.765393.com-福利彩票的走势图| www.956203.com-福彩新彩吧手机版| www.038448.com-彩经网旧版本走势图| www.135387.com-体彩投注站申请| www.259763.com-彩票选号器下载| www.573888.cc-如何卸载趣发彩票| www.525130.com-彩3d开奖结果| www.026263.com-安徽福彩发行中心| www.67iv.com-朔州市体彩中心| www.2622.date-糖果彩是不是骗人的| www.46sb.com-体彩店转让协议| www.242087.com-彩票计算机-| www.684800.com-富贵彩票-| www.2411.club-湖北快三杀号号技巧| www.596511.com-甘肃省快三下载| www.773559.com-澳洲时时彩是什么| www.828227.com-吉彩宝下载中心| www.880074.com-福利彩票网址| www.940628.com-彩神争霸2下载| www.978111.cc-会理拆除彩钢棚文件| www.cp474.com-大发快三怎么玩才赢| www.cai4744.com快三赌博骗局| www.669500.com-买啥彩票是6个数| www.pz57.com-彩66下载安装| www.153828.com-中国足彩馆踩踏网站| www.sw90.com-彩票双色球啥意思| www.268051.com-668彩票网app| www.3673.org-苹果彩票网~手机版| www.908550.com-七星彩开什么| www.991579.com-百宝彩电视走势图| www.io67.com-竞彩足球让球胜平负| www.751584.com-彩票折叠了还能兑奖| www.519362.com-来彩彩票天天加奖| www.095992.com-广东省体彩福彩开| www.cp340.cc-武汉快三开奖结累| www.350401.com-七i乐彩开奖| www.870027.com-九州彩票注册邀请码| www.43233.com-旺彩十一选五推荐| www.097350.com-彩仙骗局-|