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.504445.com-彩排演出-| www.432733.com-彩票查询七乐彩单式| www.336049.com-体彩任五-| www.8450.cc-rc融彩网平台下载| www.53781.com-梦迷解图七星彩梦册| www.006357.com-手机在线体彩| www.703977.com-彩票狂人叶向荣| www.761262.com-快三辅助软件骗局| www.053151.com-江西福彩快三直播| www.278768.com-优信彩票可靠吗| www.054595.com-吉林快三规律遗漏| www.406583.com-另一个凤凰彩票| www.915880.com-9万彩票官网下载| 汇丰彩票www.hf0666.com| www.od70.cc-香港版彩票论坛| www.252291.com-彩票网66-| www.841513.com-福利彩票公证员| www.206063.com-福彩快三群骗局揭秘| www.905209.com-亿彩彩票的规律| www.mt98.com-下载中彩在线| www.8if.cc-足彩最新开奖论坛| www.225072.com-5分快三下载地址| www.cp8308.com-河南快三一定牛预测| www.296573.com-惠民彩票是黑平台吗| www.386642.com-凤彩网快三-| www.516507.com-快三龙帽子啥意思| www.595927.com-鑫亿彩网-| www.212316.com-优信彩票快三| www.117364.com-新浪足彩任九投注| www.308818.com-乐购彩-| www.672028.com-彩票销量新闻| www.j28.cn-最新免费送彩金| www.99md.com-排三乐彩网胆码预测| www.9302.loan-精选论坛特区彩票网| www.323342.com-竞彩篮球推荐网| www.464606.com-河南体彩481彩友| www.326889.com-175oo乐彩网l| www.cp400.com-大发快三平台地址| www.886713.com-乐彩网打不开| www.738262.com-uu直播彩票群| www.993534.com-竞彩几点截止投注| www.12up.com-九州全球彩票网址| www.85395.cc-时时彩杀号-| www.48ja.com-七星彩单期走势图| www.978414.com-马路彩砖-| www.eb03.com-大发快三有技巧吗| www.02208.com-彩经彩票走势图| www.693345.com-东森彩票-| 汇彩网www.hc3656.com| www.990597.com-南京体彩网-| www.927683.com-韩国快三是真是假| 天天彩票www.2373e.com| www.846131.com-乐乐彩票是真的吗| www.360200.com-竞彩总进球数玩法| www.gn49.com-好彩香烟双爆珠价格| www.182121.com-广西福彩助手| www.089030.com-休彩试机号-| www.677657.com-快三和值跨度对| www.4103.org-彩虹七号多少钱| www.178555.com-足彩竞彩网-| www.145067.com-3d彩报图库第一版| www.229735.com-大发时时彩合法吗| www.518812.com-女子中彩票51亿| www.705765.com-时时彩计划群彩票| www.117135.com-彩票筛选软件app| www.55809.com-七乐彩2胆11拖| www.78er.cc-利泊彩票网站| www.595541.com-k彩彩民福地下载| www.015867.com-苹果够力七星彩安装| www.288111.cc-高频彩合买彩票平台| www.825153.com-六彩开奖结果最新| www.888624.com-147彩票-| www.967807.com-百合网上女的玩彩票| 爱彩www.235812.com| www.ep76.com-下载河南快三助手| www.572511.com-真精华布衣好彩网| www.652550.com-乐彩客手机app| www.747674.com-环彩官网-| www.832275.com-7彩网地址-| www.894795.com-七星彩奖号码查询| www.956867.com-欧洲百万彩票开奖号| 818合彩www.www.9889hc.com| www.8164.me-海外电竞博彩| www.366253.com-水彩笔哪个品牌好| www.299562.com-凤凰vip一分快三| www.370318.com-网上玩彩票倾家荡产| www.84199.cc-上海体彩客服电话| www.020084.com-体育彩票假吗| www.098865.com-数字型彩票玩法| www.517417.com-青蛙彩票正版资料| www.597317.com-七乐彩开奖公告| www.121288.com-网易彩票可信吗| www.512652.com-儿童彩铅菊花图片| www.577937.com-鄂彩-| www.635825.com-宝乐彩票安全吗| www.693413.com-秒秒彩app-| www.758033.com-东方彩票-| www.812861.com-手机彩铃-| www.872873.com-福彩怎么加盟| www.926932.com-红旗彩票网-| www.973947.com-七天彩苹果-| www.mm98.cc-时时彩专业版| www.8327.xyz-香港挂牌彩图678| www.302601.com-亚洲彩票稳定吗| www.377332.com-天下彩票26gg| www.20ht.com-最正规彩票在哪买| www.586608.com-彩吧电脑版-| www.74qb.com-体彩什时间开始| www.9353.net-七星彩大奖排行榜| www.53257.com-湖北彩票牛人| www.813030.com-香港购物团彩金| www.884038.com-黑彩怎么赚钱| www.951202.com-立彩赌博是什么东西| 彩民网www.caim3.com| www.035889.com-彩票励志广告语| www.297508.com-彩票网站暂停售彩| www.647403.com-时时彩赢钱了还想赢| www.718316.com-彩图宝典下载安装| www.810198.com-竞彩滚球术语| www.879122.com-七星彩奖表最新| www.29gd.com-手机可以买足彩吗| www.743311.com-彩票什么平台比较好| www.100169.com-一定牛彩票能提现吗| www.9266.org-乐彩33是干什么的| www.883.win-百度彩票下载安装| www.269192.com-手机网上赚钱送彩金| www.112288.cc-最大的彩票网站排名| www.248587.com-福彩快三爱彩乐| www.hq88.com-新浪足彩比分直播| www.870522.com-怎样注册中博彩票| www.zi77.com-r8彩票平台-| www.558140.com-今日彩票手机版下载| www.214008.com-天天彩票官网| www.360556.com-怎么买足彩赚钱| www.537676.cc-绚丽多彩造句二年级| www.xz81.com-购彩网是正规的吗| www.88405.cc-意大利彩票有多少种| www.23686.cc-四季彩票靠谱吗| www.026780.com-看彩票走势骗局| www.347598.com-常笑体彩店苹果下载| www.610102.com-qq彩色昵称生成器| www.752729.com-河北省体彩中心电话| www.id2.cc-内蒙古11选5购彩| www.337396.com-快三不出号码| www.898431.com-玩彩票app安卓| www.637443.com-小米彩虹电池好吗| www.ae73.com-hao彩票网-| www.189606.com-新99彩吧字谜图谜| www.336953.com-青海彩票查询| www.532668.com-彩吧图第一版| www.637885.com-七星彩与排列五表| www.809081.com-买了多久的彩票| www.989475.com-七乐彩五行走势图| www.xt34.com-彩6app苹果-| www.049595.com-体彩竞彩比分怎么玩| www.0868.org-彩票中心在哪里| www.210031.com-最新江苏快三下载| www.288837.com-彩票经典句子| www.739991.com-北京公交车快三| www.555193.com-上海快三奖池奖金| www.5939.com-十分彩怎么容易中奖| www.47790.com-好彩妹是哪个电视剧| www.092185.com-谁有吉林快三微信群| www.207258.com-官方彩票网站|