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天

知道了
1分快三 www.200516.com-澳客网足彩-| www.416883.com-今天竞彩稳胆推荐| www.793610.com-贵州快三最新预测| www.885906.com-内蒙古体彩发行中心| www.965714.com-兼职福彩是真的吗| VIP彩票www.680955.com| www.ni46.com-福彩通幸运快3| www.186809.com-分分快三开奖直播| www.266714.com-快三倍投稳赢技巧| www.201998.com-贵州快三推荐号| www.295575.com-彩票带玩儿-| www.416377.com-uc彩票合法吗| www.529368.com-体彩开奖直播平台有| www.604128.com-中国体彩票查询| www.7615.xyz-香港最快开彩结果| www.678332.com-595hcc易彩网| www.771994.com-东方彩票注册送47| www.859101.com-6762彩票app| www.927001.com-一幅图猜生肖的彩票| www.990123.com-红旗彩票正规吗| www.eq58.com-中国福彩开奖结果| www.h67.xyz-快彩网官方下载| www.31129.com-包头彩票中奖| www.195.xyz-王者彩票一首页| www.r48.bid-微信登录彩票软件| www.605032.com-盈盈彩票下载| www.3543.me-彩票二等奖6000| www.34367.com-彩票中心app| www.069780.com-彩神是什么软件| www.268461.com-彩神ⅱ8-| www.ty68.com-时时彩刷流水怎么刷| www.17qm.com-彩票易网-| www.93ve.com-彩色的梦怎么画大全| www.349258.com-排列三双彩论坛图谜| www.cai711.com-一分快三破解器免费| www.004806.com-江苏快三形态一定牛| www.037795.com-快三和值有奖金吗| www.246121.com-快三守号一天不出来| www.444869.com-晋城市福利彩票站点| www.622115.com-五福彩票贴吧| www.390203.com-男子捡到过期彩票| www.447224.com-龙虎封号彩票玩法| www.223903.com-浙江体彩网手机版| www.qk70.com-中原彩票网-| www.793357.com-红黑梅方彩票合法吗| www.794912.com-新彩网3d胆码| www.995474.com-彩票算法公式| www.za66.com-三d彩票图纸今天| www.070.biz-彩票虚拟账号| www.9463.loan-海南七星彩技巧大全| www.kd95.com-新快三娱乐-| www.52fj.cc-新江时时彩开奖号码| www.382608.com-江苏体彩19049| www.274531.com-足彩有一个必胜公式| www.001628.com-福彩3d八宝饭| www.444208.com-最棒的彩票分析软件| www.67kv.com-附近体彩彩票站| www.379814.com-彩鸾归令格律| www.0026.cc-福彩十期开奖号| www.625313.com-牛娃彩票导航网| www.769103.com-足彩任九胆拖投注| www.177935.com-内蒙古快三投注技巧| www.77675.cc-福彩御桥-| www.096755.com-三地牛彩网图谜| www.198869.com-黑彩票平台送礼金| www.082374.com-福彩25选5的解析| www.080845.com-体彩篮球cba竞猜| www.282886.com-彩票双色球规则玩法| www.562110.com-十大彩票平台有哪些| www.568507.com-体彩排列3d断组码| www.608993.com-黄金彩虹-| www.69962.cc-盛世彩票手机| www.208417.com-腾讯十分彩官网| www.380543.com-天津竞彩快三| www.02963.com-爱中彩票-| www.287599.com-网上刷彩票-| www.365948.cc-手机彩票彩29票| www.131442.com-彩礼和聘礼-| www.st38.com-彩票中心主任| www.ot47.com-网络彩票新政策| www.5575.cc-正版资料一彩牛网| www.078158.com-玩彩网触屏-| www.192235.com-手机48倍港彩网投| www.353822.com-百度新浪彩票| www.521374.com-赌彩网站-| www.949235.com-彩票聚合3d之家| 500彩票www.593477.com| www.nk24.com-竞彩跟单app| www.807822.com-开户送彩金棋牌娱乐| www.027787.com-易彩票是骗局吗| www.0021.pw-彩票注怎么算| www.290744.com-福彩3d2元网| www.387595.com-天天买彩票中不了奖| www.510073.com-彩票平投什么意思| www.590405.com-七星彩杀四位| www.658517.com-怎样注册彩视| www.726829.com-彩福彩开奖票| www.796094.com-彩票预测选号神器| www.868161.com-天津时彩开奖时间| www.930291.com-吉林快三最新遗漏| www.982484.com-竞彩大赢家实体店| www.nn5.cc-湖北快三骗人| www.927910.com-乐彩网首页彩票| www.440111.com-江苏七位休育彩票| www.677336.com-章鱼彩票独家| www.578486.com-彩票竞猜足球| www.568431.com-体彩排三断组论坛| www.45ks.com-中体彩科技电脑| www.615219.com-新福彩三d胆王| www.869248.com-今天福彩3d试机号| www.vw70.com-37彩票平台| www.6668.shop-福彩计划杀码论坛| www.933882.com-今彩票开的结果是| www.nw8.com-一定牛彩票走势图| www.4xg.cc-分分彩打34567| www.799525.com-竞彩足球彩票怎么看| www.sa84.com-分分彩杀一码规律| www.118809.com-购彩网邀请码是什么| www.019325.com-q彩网官网下载安装| www.2488.vip-江苏e球彩中奖奖金| www.292163.com-辽宁体彩网11选5| www.507053.com-体彩小红包中奖图片| www.gr97.com-快三网赌-| www.831508.com-竞彩场数少了| www.ro80.com-湖北快三怎么追豹子| www.872806.com-汕头彩票一等奖| www.118268.com-刮彩票容易中吗| www.510211.com-彩霸王三肖六码| www.920282.com-彩票计划86在线网| www.px85.com-海拔彩票下载| www.20ih.com-淘宝彩票改名叫什么| www.1328.xyz-七星彩开奖结果往期| www.505603.com-安徽快三加奖时间| www.727636.com-云购彩票邀请码| www.953895.com-公牛彩票靠谱吗| www.899.cm-nba篮彩258-| www.34814.com-亿亿彩网是正规的吗| www.77357.com-好彩客软件-| www.532281.com-彩之王是什么动物| www.259185.com-双色球福利彩手机版| www.166205.com-快三开奖结果查询| www.150051.com-彩吧vip快三下载| www.254408.com-淘彩app靠谱不| www.340087.com-百宝彩视登录不上去| www.727620.com-快三中奖信息| www.904083.com-体彩兑奖规则| 乐彩网www.3416i.com| www.770564.com-买彩票搞笑经典短句| 梦想彩票www.33112f.com| www.676423.com-开奖3d福彩-| www.0123.love-春秋彩票是骗局么| www.59573.com-体彩3试机开机列表| www.635446.com-易彩网那个可靠吗| www.713228.com-百事彩票2727| www.026421.com-速8彩票平台登录| www.020609.com-精彩十分奖金表| www.343029.com-伦敦2分彩在哪看呢| www.411226.com-豪彩娱乐app登录| www.503166.com-搜狐彩票图表数据| www.557626.com-开乐彩下载-| www.7038.cn-竞彩篮球怎么投注| www.55rh.com-福彩三d北京谜语| www.680279.com-体彩新规则-| www.751889.com-一号彩平台登录网址|