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.810499.com-霁青金彩海晏河清尊| www.946595.com-信彩票软件-| www.998754.com-街道口附近体彩| www.bn10.com-人人彩票app下载| www.338830.com-777福彩社区| www.137538.com-毕节附近彩票| www.190146.com-快乐彩牛-| www.113160.com-大奖网买彩票靠谱吗| www.247311.com-平台彩票-| www.93255.com-彩色纸箱印刷厂家| www.225952.com-时时彩计划网| www.539604.com-时时彩平台怎么开| www.797136.com-凤凰快三软件下载| www.935605.com-福彩3d彩神吧| www.21zq.com-天下彩高手网| www.662113.com-搏彩乐时时彩平台| www.779577.com-够力七星彩票奖表| www.860001.com-时时彩是不是诈骗的| www.947109.com-快频彩票犯法吗| www.999652.com-甘肃快三豹子| www.at78.com-湖北福彩快三推荐号| www.qp21.cc-传统型彩票图片| www.55439.com-五个号彩票计算方法| www.076964.com-彩票都有什么玩法| www.218499.com-吉林快三在哪下载| www.1956.tv-詹天佑点评福彩预测| www.27587.cc-500彩票计算机| www.99576.cc-正信分分彩是假的吗| www.110747.com-快三杀码定胆| www.217561.com-湖北福彩中心地址| www.294242.com-3d牛彩断组-| www.292325.com-彩票uu直播合法吗| www.995402.com-易彩票网-| www.918902.com-彩票十大专家| 乐彩赢www.0014d.com| www.409421.com-彩票今天结果| www.552091.com-凯利算彩票公式| www.281658.com-一分时时彩破解器| www.974363.com-福彩3d综合分布图| www.002968.com-白菜派彩网-| www.830128.com-大发快三作弊器原理| www.925963.com-深圳市福彩投注站| 天天彩票www.7782n.com| www.794807.com-秒速时时彩开| www.366208.com-海口体彩在哪取| www.079550.com-美国彩票领取规则| www.0051.top-给我一组彩票号码| www.999808.com-广东福彩好彩一预测| www.8623.com-福彩机子连接电视| www.93zx.com-易彩堂公司地址| www.088135.com-亿彩网能赚钱吗| www.69812.com-大彩鲸苹果版| www.mz80.cc-赢彩彩票官网| www.313815.com-中国足球彩票胜负彩| www.888498.com-网易买彩票的app| www.106177.com-摸彩票的方法| www.224422.com-彩票站快三合法吗| www.350960.com-九号彩票注册地址| www.zz06.com-体彩标志图片大全| www.130606.com-彩票中奖指南pdf| www.750463.com-北京体育彩票旗舰店| www.32588.com-彩礼和三金要退还吗| www.86125.com-彩板厂家-| www.132810.com-好彩官方网站| www.262666.com-快三漏洞-| www.948113.com-6200好彩网-| www.716857.com-星空画彩铅-| www.00712.com-福彩3d胆组怎么做| www.82820.cc-搜狐彩票合法吗| www.075560.com-达人彩票3d平台| www.163019.com-广东福彩好彩一预测| www.290380.com-内蒙古彩票开奖结果| www.414228.com-什么是博彩-| www.122.cm-大象彩票app| www.82ot.com-如何看赔率买足彩| www.51ld.cc-南岳镇福彩投注站| www.ht86.com-彩乐汇提现是真的吗| www.54jw.com-俄罗斯的彩票叫什么| www.932773.com-乐彩网-官方网站| www.9sz.com-体彩七星彩选号方法| www.6916.cn-重庆时时彩独胆心得| www.882549.com-希腊5分彩-| www.959467.com-彩吧图库第一版天宇| www.cai4877.com贵州快三形势走势图| www.170888.com-安徽快三今天| www.693815.com-nba篮球彩票吧| www.503891.com-易博彩票平台| www.879220.com-95彩票是不是骗局| www.6622.site-nba怎么买彩票| www.252976.com-大发时时彩计划群| www.cp9921.com-上海福彩快3一定| www.ge20.com-三分快三是真的吗| www.cp4190.com-黑马计划网页版快三| www.892455.com-九州彩票app下载| www.c89.com-国民彩票下载| www.095083.com-北京福彩网购| www.655376.com-哪里可以买江西快三| www.947039.com-体彩双采图-| www.995606.com-易彩彩票漏洞| www.588522.com-体彩走势图大彩网| www.02tl.com-彩虹的启示一句话| www.840648.com-儿童彩妆的画法| www.903309.com-打高频彩有赢的吗| www.967597.com-3d福彩多久开奖| 500彩票www.316477.com| www.ih72.com-福彩3d8的和值| www.246860.com-上海体彩网官网站| 500彩票网www.61655w.com| www.619004.com-足彩最新推荐| www.7417.vip-沈阳竞彩店-| www.of42.com-福彩开奖结果是| www.564258.com-程阳3188彩票| www.570229.com-中国彩票排三| www.2743.com-福利彩票最多多少倍| www.425067.com-彩色冰淇淋图片| www.552273.com-大家赢彩票网合法吗| www.633304.com-买nba总冠军彩票| www.719577.com-团彩合法吗-| www.827995.com-小站宝彩票ios| www.911577.com-乐彩神代理-| www.989918.com-彩之乐彩票-| www.gr87.com-江苏快三二不同号| www.069.bid-平安彩票app下载| www.5903.cn-榆次福利彩票站| www.266626.com-重庆快三真的吗| www.9891.biz-福彩大奖在那里兑换| www.238281.com-发彩网可靠吗| www.336759.com-广西快三全天| www.188817.com-体彩风暴-| www.717438.com-彩铅绘画技法| www.804836.com-福利彩票1分快| www.873900.com-上海福利彩票基诺| www.941578.com-彩乐汇彩票是真的吗| www.985993.com-福利彩票提点多少| www.cp1158.com-快三软件-| www.872930.com-福彩双色球加盟电话| www.192356.com-彩6平台-| www.335611.com-广西快三50期| www.69654.com-彩票网站制作代码| www.38757.cc-福彩3d最新中奖号| www.72832.com-新加坡十分彩技巧| www.115414.com-彩色水磨石地坪施工| www.167047.com-河南快三开奖| www.426616.com-诚信可靠的足球彩票| www.9410.in-非凡网彩票走势图| www.48pj.com-下载彩虹地界| www.295522.com-江苏快三一共多少期| www.74sa.com-河南七星彩-| www.104052.com-彩神88彩票网站| www.138666.cc-互娱彩票注册| www.516923.com-色彩纯度画-| www.567221.com-赢彩吧是违法的吗| www.313526.com-那些平台有极速快三| www.83975.com-七乐彩开奖结果预测| www.666871.com-网易彩票基本走势图| www.777278.com-宝盈福利彩票| www.869847.com-彩票开奖做假视频| www.974121.com-彩吧图库小军第二版| www.y13.biz-忆彩彩票下载安装| www.99xi.com-体彩哪台开奖直播| www.954850.com-瑞彩祥云漏洞| www.062784.com-今日竞彩信息平台| www.180573.com-中彩彩票是真的吗| www.263639.com-大乐透彩票中奖案例|