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.960842.com-福利彩票6十1| www.301123.com-微彩吧是什么| www.253045.com-时时彩走势图彩票网| www.yp1.com-大神怎么玩高频彩| www.3121.pw-中午买彩票的人多吗| www.505147.com-福利彩与体彩| www.670847.com-星彩p3论坛-| www.907869.com-合肥体彩转让| www.969514.com-福彩3d大漂亮贴吧| www.ay25.com-江西福彩新快三走图| www.8959.biz-苹果彩名堂-| www.740822.cc-蓝精灵彩报图b| www.914375.com-哪种彩票有大发快三| www.cp497.com-福彩江苏快三怎么玩| www.11eo.com-天下彩票的骗局| www.854810.com-彩运快三靠谱吗| www.363913.com-廊坊福利彩票大奖| www.zb68.cc-3d彩票藏机图| www.240678.com-颖彩双色球专家预测| www.27796.cc-体育彩票中国红| www.054010.com-快三跟计划买靠谱吗| www.155211.com-送彩金的打鱼平台| www.261891.com-大众彩票注册送体验| www.333864.com-美国彩票规则介绍| www.9614.com-排列走势图彩经网| www.66352.cc-微信扫码彩票游戏| www.019439.com-贵阳体育彩票| www.095142.com-福彩3d怎样注册| www.791883.com-竞彩足球不能买| www.964031.com-描写彩虹的诗句| www.lj49.com-全民彩票是否合法| www.46455.com-宁夏好彩快三查询| www.062346.com-广西福彩网上投注| www.018948.com-福彩三地试机号预测| www.627780.com-3d乐彩论坛专| www.729456.com-手机版吉林快三图| www.813987.com-华亿彩票-| www.082991.com-福彩快三的杀号公式| www.390798.com-注册彩金时时彩| www.529776.com-彩票直播怎么吸引人| www.609397.com-彩票买3注多少钱| www.758908.com-大乐购彩票注册网址| www.97il.com-彩排的是什么意思| www.6736.cc-好的彩票软件| www.248600.com-中国体育彩排列三| www.273629.com-大奖网彩票| www.00715.com-彩摘网牛彩网彩摘网| www.946338.com-高手彩坛彩民盛杰| www.266081.com-北京快三吧-| www.116086.com-彩票分析师是什么| www.784682.com-众彩手机下载| www.az79.com-内蒙古快三开奖直播| www.x52.org-时时彩终极平刷技巧| www.625.mobi-中彩票横财八字吧| www.681019.com-台湾彩券-| www.795753.com-快三这样挣钱| www.877993.com-福彩双色球往期查询| www.cp1222.com-大发快三官网下载| www.971500.com-陕西福彩3b字谜| www.m81.com-彩票买一注能赚多钱| www.04br.com-彩票网购大厅| www.363.in-福利彩票被中央调查| www.5618.com-双色球彩票结束日期| www.49kl.com-49官方彩票网| www.408579.com-国庆彩票销售放假吗| www.964286.com-竟彩足球开奖结果| www.23bg.com-精彩音乐汇2014| www.279679.com-时时彩软件分析软件| www.554224.com-什么是体彩术语| www.761532.com-梦见打彩票-| www.907678.com-威尼斯彩票出款失败| www.j92.org-中国彩吧论坛天齐网| www.930283.com-山东福彩群英会技巧| www.993074.com-三分彩基本走势图| www.fd56.com-够力七星彩开奖表| www.305155.com-怎么去彩票店买彩票| www.275896.com-什么平台玩彩票最好| www.370415.com-隔热彩钢瓦价格| www.74wd.com-体彩大乐透规律技巧| www.2743.com-福利彩票最多多少倍| www.9856.top-彩铅苹果画图片| www.964253.com-买足彩稳胜技巧| www.561342.com-彩票分析计划师| www.642877.com-下载手机彩票| www.9891.biz-福彩大奖在那里兑换| www.71809.com-福利彩票多会儿开奖| www.0020.loan-8位数的彩票有哪些| www.37xw.com-下载七星彩-| www.448839.com-浙江省彩票开奖号码| www.vr53.com-快三投注速查表| www.9175.online七乐彩是全国销售吗| www.295308.com-双色球彩票规则介绍| www.930257.com-足彩合法吗-| www.94nq.com-体彩刮刮乐大奖| www.6231.top-大旺彩票的推广码| www.341859.com-3d和值走势图大彩| www.698449.com-嘉兴市福彩中心地址| www.169027.com-体彩快3-| www.434009.com-港彩app下载地址| www.588599.com-七乐彩19024| www.717990.com-中国体彩报排列三| www.960320.com-江苏彩票大奖排行| www.1152.org-彩票3d术语-| www.22165.cc-天天福彩平台| www.35319.cc-加入彩票众筹群| www.155519.com-买彩票技巧顺口溜| www.019262.com-官网彩票app下载| www.905711.com-快三高频彩网址| 凤凰彩票www.3479b.com| www.717206.com-彩铅画的意义| www.819654.com-合买彩票的好处| www.890334.com-彩票平台聊天室计划| www.956193.com-新彩吧手机版| 体彩网www.3890q.com| www.gj97.com-腾讯分分彩作弊器| www.vn96.cc-惠民彩票是黑平台吗| www.04nh.com-七星彩有胆拖吗| www.67ac.com-中国福彩网官| www.047253.com-22彩票苹果手机版| www.279839.com-最新彩票开奖结果| www.s82.cn-海南福彩快2记录| www.6288.cm-三分时时彩有规律吗| www.22010.com-万豪彩票助手在线| www.66793.cc-卖体育彩票的经验| www.009475.com-骰子彩票合法| www.103054.com-旺彩预测大师| www.220360.com-福建快三走势图i| www.278526.com-31彩票app-| www.212533.com-七星彩私彩网投注站| www.325845.com-万彩吧c8cn合| www.854496.com-神马搜索青蛙彩票| www.973877.com-福利彩票32期| www.781366.com-彩票店老板自己做庄| www.992015.com-全天实时彩计划网| www.tx34.com-竞彩足球8串1规则| www.685797.com-好运来彩票站怎么样| www.008801.com-时时彩提取号码器| www.692819.com-体彩3p图谜第一版| www.038629.com-万彩吧彩票开奖结果| www.775089.com-k彩大神有吗| www.106678.com-快三破解版-| www.31xf.com-博友彩的邀请码| www.718765.com-佛教解释彩虹| www.859944.com-彩票是真是假视频| www.988189.com-体彩大乐透中奖条件| www.27em.com-熊猫彩票手机| www.788917.com-古建筑彩绘图案| www.881542.com-辉煌彩票能玩吗| www.986787.com-体育彩票是几位数字| www.550892.com-恒大彩票是什么意思| www.655045.com-快彩网靠谱吗| www.vn45.com-湖北快三缩水| www.99197.cc-360足彩彩票| www.603112.com-怎样预测彩票| 九九集团www.99jtc.com| www.949459.com-网赚彩票平台| GO彩www.fan73.com| www.026585.com-234彩票苹果版| 大赢家彩票平台www.675630.com| www.qq98.com-福彩的属性-| www.36na.com-体彩七星彩走势| www.yb57.com-时时彩算法公式| www.434140.com-俄罗斯彩票图片| www.66do.com-华彩二级-|