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.63422.com-竞彩足球竞彩网首页| www.698428.com-彩票反倍投-| www.265257.com-五分快三计划走势图| www.621459.com-七星彩杀号定| www.724233.com-乐彩彩票官网地址| www.388672.com-双色球购彩软件下载| www.543563.com-鄂尔多斯体彩中心| www.637295.com-彩虹6号账号| www.762607.com-三分彩到底是什么| www.871343.com-豹赢彩票app| www.963134.com-彩钢瓦多少钱一平方| www.cp5738.com-安徽省福彩中心| www.th55.com-高频彩怎么买都是输| www.48ga.com-彩票系统推广哪家好| www.1285.xyz-福利彩票星期几开奖| www.01731.com-可乐彩票-| www.078813.com-七星彩公式杀号| www.055981.com-山西大同快三开奖| www.7729.loan-彩明堂计划官方下载| www.26329.cc-下载彩票彩吧| www.72488.cc-福彩内蒙古时时彩| www.565992.com-中华彩吧登录入口| www.066658.com-955彩票合法吗| www.551168.com-万豪彩票苹果版下载| www.670222.com-美国彩票介绍| www.803298.com-彩票返奖率怎么算| www.881704.com-山东福彩网址| www.949650.com-畅赢彩票-| 彩天下www.c5823.com| www.ar05.com-十大博彩公司| www.16yk.com-310win彩客-| www.6070.tv-四柱预测彩票取数法| www.95513.com-体彩足球低级赛事| www.113324.com-彩票预测表格| www.203311.com-湖北福彩5d怎么玩| www.1519.com-中国体育彩网排列五| www.425700.cc-彩票6234-| www.579134.com-彩民喜中大奖| www.659479.com-天下彩天空网| www.093787.com-福彩3d30期基本| www.144141.com-新浪爱彩时时比分网| www.912087.com-彩票站买私彩| 福彩www.15355f.com| www.149362.com-下载505彩票| www.228080.com-快彩软件官方下载| www.519608.com-大乐透彩民乐图文版| www.zt4.com-福彩双色球开奖45| www.tw16.com-正规的手机彩票网站| www.377094.com-腾讯时时彩策划| www.318854.com-江西彩票中心电话| www.144228.com-足彩欧赔返还率分析| www.498845.com-新彩吧七乐彩| www.565171.com-美国没去领彩票的人| www.628581.com-福彩官方电话号码| www.707733.com-福利彩票快三助手| www.739397.com-竞彩网店地图| www.853277.com-168彩票能提现吗| www.961186.com-河北快三定牛| 凤凰彩票www.77802p.com| www.250520.com-中彩官网app| www.46161.com-时彩计划-| www.666266.cc-彩虹无人机的股票| www.758716.com-彩票十选五网址| www.853450.com-ub8彩票注册平台| www.944644.com-体彩店利润-| 博亿彩票www.699by.com| www.879008.com-幸运快三是官方彩吗| www.798152.com-二分彩有国家官网吗| www.885217.com-北京福彩兑奖地点| www.967482.com-导师网络彩票| www.2383.biz-好彩店混合-| www.128049.com-彩虹画-| www.295068.com-福彩快彩-| www.422400.cc-新浪爱彩网下载| www.583730.com-彩色拼音字体| www.129940.com-胜负彩即时比分直播| www.250110.com-505彩票软件| www.94bj.com-彩票外围平台| www.8438.loan-开发彩票网站| www.006700.com-博牛彩票官网下载| www.021716.com-投资区块链彩票| www.137320.com-贵州中国福利彩票| www.218582.com-台北彩票-| www.538592.com-中国福彩彩报网| www.925651.com-彩票真人中奖故事| www.z55.in-彩导航彩票平台集合| www.865817.com-熊猫彩票可信吗| www.368876.com-彩神幸运飞艇全能版| www.556540.com-重生亿元彩票| www.563.cm-新宝6腾讯分分彩| www.535580.com-七星体彩开奖30| www.682517.com-体彩中心官方网站| www.784857.com-七星彩专家最新推荐| www.869323.com-十分钟开奖的彩票| www.97em.com-中国福利彩中奖结果| www.06110.com-彩经-| www.89620.com-248彩票网址| www.059773.com-福利彩票即开型种类| www.135693.com-体彩店装修风格| www.cai1567.com上海快三走势图今天| www.570284.com-足彩310星像图| www.964360.com-彩娱平台-| www.738600.com-民彩网官网-| www.904776.com-有声小说买彩票| www.j12.org-彩票排列三开奖查| www.29857.com-福彩中奖在哪里兑换| www.422589.com-腾讯分分彩验证计划| www.216298.com-彩票计划app| www.365224.com-中国彩票第一弃奖| www.87272.cc-体彩3亿大奖领奖| www.971813.com-高手彩票6lcc| www.086286.com-彩客网竞彩下载| www.613667.com-带你买彩票赚钱| www.828964.com-微彩能赚钱吗| www.ej1.com-博牛彩票-| www.47te.com-口袋彩店和口袋号店| www.298443.com-体彩开机号-| www.435813.com-彩凤是什么神兽| www.542323.com-爱彩双色球走势图表| www.56909.cc-福彩跟体彩下载软件| www.994667.com-彩票倍数与注数| www.505172.com-中乐彩网-| www.832289.com-七彩影院苹果版| www.958384.com-青海福利彩票快3| www.112090.com-金牌98c彩票| www.024940.com-福体彩开奖公告| www.kz96.com-28高频彩怎么玩| www.85111.com-七星彩前四位和值| www.365650.cc-儿童彩铅绘画图片| www.69wl.com-新加坡有几种彩票| www.366865.com-全讯彩票网-| www.229366.com-一定牛彩票官方下载| www.396122.com-贺文福彩-| www.463875.com-天狼星七星彩预测| www.592183.com-彩票318网站| www.80781.com-石家庄省福彩中心| www.118775.com-竞彩网辽宁11选5| www.262050.com-微信群买彩票| www.067941.com-快三概率分析软件| www.cp9300.com-彩8下载-| www.um59.com-彩神网app正规吗| www.50hs.com-福彩三d三毛图库大| www.539473.com-彩票店如何扩展客户| www.1ak.com-2345彩票网官网| www.035714.com-www106彩票-| www.033014.com-网易彩票网址电脑版| www.134134.cc-上海体彩网彩票| www.223825.com-快三登录-| www.365616.cc-竞彩容错中奖| www.154256.com-快三的二同号有哪些| www.612799.com-彩牛瓷砖美缝图标| www.06tt.com-体彩超级大乐超透| www.33596.cc-新浪网足彩彩票频道| www.002364.com-注册送彩金38| www.536727.com-牛彩3d字迷图迷| www.02298.cc-我想戒掉彩票| www.208925.com-彩6下载-| www.306802.com-锋彩直播-| www.01073.com-福彩3d布衣精华版| www.176532.com-分分快三大小单双| www.874333.com-今天体彩排三走势图| www.970391.com-天天乐彩apk| www.126436.com-泰安体彩大奖| www.0826.in-足彩不能网上买吗|