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.916937.com-亚洲彩票快三| www.0710.tv-139彩票下载| www.31635.cc-易彩网十分快三| www.411399.com-彩管家官网-| www.45197.com-送彩佥金-| www.71qt.com-四位数买什么彩票| www.778333.com-福彩快三网是真的| www.935062.com-福彩p62-| www.39031.com-苏州快三是什么彩票| www.070088.com-彩神能不能提现| www.218956.com-百姓彩票是真的吗| www.7850.pw-福彩任选5-| www.23ux.com-精品彩软园-| www.4541.vip-深圳彩票软件开发| www.812781.com-百盈快三投注计划表| www.2ag.com-彩票真的能中奖么| www.06316.com-中国福彩即开型彩票| www.195211.com-快三开奖直播| www.390075.com-买彩票中几十万| www.971778.com-快捷彩票网是真是假| www.sd93.com-一分彩票计划软件| www.508405.com-彩票的优点-| www.69972.com-日职竞彩分析推荐| www.781643.com-福彩新规则-| www.984320.com-彩八彩票是真是假| www.tj69.com-爱购彩票-| www.867349.com-福利彩票昨日开奖| www.4405.cc-彩票计划9cb下| www.865241.com-大奖网彩票合法吗| www.975410.com-彩365彩票网官网| www.qp38.com-快三走投注-| www.939538.com-江苏快三图表| 金牌彩票www.58677.cc| www.830211.com-汪汪时时彩新版本| www.848126.com-彩票818cp-| www.979879.com-二分快三官网| www.52km.com-丰彩釉面漆-| www.1408.pw-好运来彩网是个黑网| www.892220.com-一分快三计划全能版| www.969174.com-福彩公益金标志| www.cp469.com-安徽快三投注一定件| www.ou08.com-靠谱的彩票预测软件| www.140541.com-好运彩天中图库| www.985143.com-竞彩盘口规律| www.pk93.com-福彩3d牛票票| www.557217.com-九龙彩票英国五分彩| www.18675.cc-体育彩票足球怎么看| www.74325.com-彩票追加和翻倍| www.156903.com-彩票中奖符的画法| www.266341.com-即开彩-| www.381475.com-星期五开奖什么彩票| www.535981.com-彩票买几个好| 网易彩票www.36788y.com| www.52yx.cc-复式彩票怎么买合适| www.26712.cc-彩乐汇聊天室| www.76685.cc-七个数字的彩票预测| www.gn49.com-好彩香烟双爆珠价格| www.xn45.com-五分快三预测| www.27dq.com-东莞福彩转让| www.90xj.com-彩13网站安全吗| www.185163.com-80彩下载app| www.264445.com-手机上玩彩票合法吗| www.345432.com-大无限捷豹彩票| www.427796.com-足彩14场缩水软件| www.375.club-诚信彩票网址| www.389.red-安徽福彩电话号码| www.213104.com-时时彩哪个好app| www.6792.in-吉林快三销售几年了| www.283458.com-体福彩开奖结果查询| www.385234.com-利用抓包充值博彩| www.549292.com-锋彩直播tv官网| www.610644.com-云南省体彩网| www.675623.com-彩票33期开奖结果| www.745011.com-非法经营彩票判决| www.810578.com-最好的彩票书籍大全| www.879799.com-吉林快三犯法吗| www.947821.com-竞猜彩票怎么买| www.996409.com-佬牛竞彩-| www.cl07.com-彩票网有5分快3| www.zn94.com-好彩客官网方下载| www.84yy.com-彩票开源系统排行榜| www.19bg.com-民政部福彩中心贪污| www.164944.com-安徽体彩领奖中心| www.678413.com-国彩彩票网页版| www.775084.com-七星彩期开奖结果| www.884061.com-乐彩网10-| www.980340.com-709彩票网站| www.wz44.com-快三工具助手| www.973214.com-彩虹app自助下载| www.ae77.com-熊猫娱乐彩票官网| www.962216.com-山东体彩排三论坛| www.8464.cn-易购彩在线-| www.fv02.com-快三倍投是什么| www.76tz.com-杭州福彩网公示| www.139454.com-山西体彩兑奖地址| www.285048.com-分分彩追杀-| www.400569.com-七星彩第七位走势图| www.9013.org-分分彩定位胆算法| www.129795.com-中国福建省体彩官网| www.272362.com-快三有没有什么技巧| www.439419.com-贵州体彩大乐透开奖| www.572296.com-彩客游戏币在哪兑现| www.703363.com-七乐彩模拟机| www.59ei.com-中国竟彩足球| www.3112.com-云南彩票弃奖一览| www.172132.com-快三彩票预测软件| www.275038.com-内蒙爱彩乐-| www.438585.com-分分彩012如何买| www.557765.com-66彩票50616| www.657615.com-家彩网排三杀号| www.321059.com-彩票快三预测分析| www.522903.com-如何看待彩票套彩| www.597444.com-凤凰快三开投注技巧| www.681593.com-跟团刷麒麟彩票| www.747388.com-彩票平台返点8.5| www.801766.com-986彩票-| www.864688.com-凤彩网登录-| www.926436.com-彩票数字达人社区| www.974280.com-彩虹旗泡弟手机版| 彩71www.737884.com| www.35nq.com-南国彩票下载| www.19622.com-网上买私彩多少犯法| www.66631.cc-梦想彩票登陆网| www.396200.com-周一买啥彩票| www.689635.com-保定彩票站申请| www.820685.com-彩钢板怎么安装视频| www.916622.com-私彩平台修改器| www.994350.com-网上玩微彩被骗| www.eo01.com-快三内蒙预测| www.023557.com-福彩迷快三-| www.964984.com-23彩票网骗局揭秘| www.6473.pw-al彩票-| www.42xh.com-中国福利彩票计划王| www.069700.com-彩票3d跨度-| www.145163.com-福彩3d技术型| www.727917.com-关于福利彩票的软件| www.579624.com-彩票开挂作弊器免费| www.711665.com-福利彩票大骗局| www.185026.com-珠江彩票骗局案例| www.403449.com-下载海南七星彩论坛| www.3386.cm-竞彩和足彩的区别| www.573379.com-澳门彩票真人| www.685458.com-3d彩票第三版| www.830503.com-元角分模式彩票平台| www.921837.com-七乐彩今晚开奖号| www.gc01.com-福彩快3害死人| www.860083.com-澳客彩票网手机版| www.968193.com-福彩怎么代理的| www.xj0.com-武汉市福利彩票| www.890148.com-网上买彩票是否合法| QQ彩票www.89894p.com| www.956563.com-微信新快三群软件| www.11362.com-快三群主赚钱吗| www.222917.com-一分快三倍投法则| www.rg81.com-天津时时福利彩票| www.290177.com-好彩客app合法吗| www.221384.com-手机123彩票网| www.124321.com-河北快三几分钟一期| www.188166.com-彩票算号器手机版| www.236400.com-体育彩票软件下载| www.288642.com-彩票术语彩| www.543459.com-彩报二版-| www.073569.com-财神彩票下载安装| www.696576.com-彩票008-|