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.84ib.com-玩赚彩票网-| www.104062.com-安徽七乐彩开奖结果| www.0935.date-app彩金-| www.53449.cc-彩幺机-| www.02dn.com-江苏快三推二同| www.41aj.com-牛爹七星彩-| www.1654.org-福彩3d综预测| www.823782.com-55彩票正规的吗| www.929355.com-福彩群英会开奖结果| www.995808.com-盈彩彩票可信吗| www.bo56.com-彩票大厅-| www.xp40.com-怎么去彩票店买彩票| www.19qn.com-更多精彩的鲨鱼是| www.96nq.com-演出前彩排还是彩台| www.3709.org-天天红单彩票app| www.592153.com-彩票3d怪字神贴| www.791453.com-中超彩票哪里买| www.927538.com-想要几个数字买彩票| www.cai218.com-吉林快三平台| www.ow39.com-七乐彩4拖7-| www.34xf.com-福利彩票开票时间| www.502058.com-699彩票官网苹果| www.35577.cc-快三黑号红号有哪些| www.035256.com-彩票广告语大全集| www.140838.com-518竞彩店app| www.241988.com-七星彩单式-| www.328007.com-银川体彩地址| www.08334.com-湖南福彩网双色球| www.273579.com-福彩十三五规划| www.424142.com-大乐透彩乐乐网杀号| www.4697.biz-佰润彩票-| www.23651.cc-国家彩票销售新政策| www.962993.com-体彩十一运彩乐乐| www.cx23.com-神彩8‖-| www.wj33.com-开彩吧-| www.21nb.com-职业彩票人的收入| www.249.hk-赢彩彩票好吗| www.4506.cc-体彩22期-| www.04130.com-豪彩平台注册| www.888222.cc-乐合竞彩靠谱么| www.978111.cc-会理拆除彩钢棚文件| www.ra8.cc-香港惠民彩票| www.pw96.com-彩民彩票提现不了| www.00qp.com-秘鲁彩虹山形成原因| www.910.me-没有彩排作文| www.5185.xyz-时时彩群信誉好的| www.9991.in-福彩3d小鱼图迷| www.412320.com-成都岩棉彩钢板| www.507189.com-aa彩票-| www.598220.com-竞彩推荐2串1| www.676509.com-l彩票开奖-| www.839349.com-彩色耐磨地坪图片| www.920559.com-彩神争霸2-| www.981849.com-尊彩彩票平台| www.ai65.com-福利彩票昨晚开什么| www.63112.com-足彩模拟购买| www.71gz.com-旺彩足球竞彩网| www.910198.com-彩虹六号配置| www.220126.com-百盈快三开奖结果| www.173071.com-体彩福彩开奖结果| www.265244.com-快乐彩走-| www.353253.com-舍彩女装旗舰店| www.439221.com-天猫有合作彩票吗| www.525585.com-精准时时彩计划带人| www.590751.com-378彩票下载| www.659021.com-福彩3d新算法| www.721404.com-彩票幸运28规则| www.791341.com-时时彩缩水器网页版| www.861552.com-彩票开奖助手下载| www.920924.com-足球胜负彩比分直播| www.971685.com-足彩导航-| 大赢家彩票平台www.223085.com| www.my67.com-彩票机器多少钱| www.0681.xyz-厦福利彩票站点申请| www.28652.cc-股市彩票-| www.779994.com-腾讯彩票竞猜金豆| www.841342.com-彩妆蛋怎么洗| www.917479.com-双色球杀号彩客网| www.969445.com-凤凰彩票输了很多钱| 幸运彩票www.luck885.com| www.fi46.com-中国体彩网官网| www.822402.com-668彩票登录| www.905533.com-足彩递增买-| www.978425.com-彩色路面施工工艺| www.fc75.com-彩票开奖查洵结果| www.c81.club-百宝彩票产品| www.179948.com-体彩大乐透预测| www.253334.com-好彩店彩票骗局| www.324243.com-体彩中奖规则| www.401296.cc-彩百万娱乐app| www.501730.com-093彩票如何| www.562010.com-哪些彩票软件有滚球| www.620509.com-福利彩票即乐彩| www.697474.com-辽宁全运彩开奖结果| www.771530.com-上海彩票店申请流程| www.905181.com-永盛彩票-| www.960938.com-热点彩票-| 购彩网www.72gcw.com| www.902845.com-深圳凤凰彩票网| www.979820.com-彩票cp12com| www.nk.com-安徽福利快三一定牛| www.uu43.com-福彩5d走势-| www.07ro.com-手绘彩铅蓝鲸图片| www.74wc.com-福彩3d走势图网易| www.2666.vip-火箭彩票官方网站| www.7969.biz-博彩中介干什么的| www.24774.com-彩铅画樱花教程| www.268036.com-今天湖北快三分布图| www.342634.com-排三开机南方双彩网| www.415699.com-红树林彩票注册| www.33048.cc-专业玩彩个人网| www.il9.com-快三推荐预测| www.065375.com-必赢彩票-| www.174462.com-快三计划群真的吗| www.247116.com-买彩票赚钱的方法| www.323178.com-彩票132-| www.389419.com-哈市买彩票用品| www.493392.com-做梦梦见数字买彩票| www.561357.com-e彩票手机-| www.614366.com-tt彩票下载-| www.676308.com-福彩字谜3d-| www.6989.cn-体彩彩票玩法介绍| www.50538.com-靠私彩赚钱-| www.161777.com-洛杉矶国际快三| www.238148.com-福彩3d彩票论坛| www.349883.com-买福彩多还是体彩多| www.456076.com-防止彩票成瘾的办法| www.558533.com-真实彩虹图片大全| www.631098.com-双色球中彩票秘籍| www.722650.com-玩足球彩票坑人么| www.405290.com-七星彩开奖顺序| www.515293.com-七星彩16106| www.04de.com-今曰彩票开奖号码| www.255233.cc-68国际彩票-| www.4403.vip-体彩排排列三中奖号| www.10887.com-澳客网竞彩票网| www.768326.cc-3d福彩开奖日期| www.858941.com-查询彩票彩票开奖| www.916355.com-自己搞私彩被骗报警| www.969051.com-刷彩金可以吗| 万利www.32123f.com| www.2478.cm-竞彩网手机版本| www.6847.xyz-福彩3d彩宝下载| www.1637.com-足彩大小球投注| www.199351.com-浙江快乐彩胆拖| www.328923.com-今天快三一百期| www.it61.com-彩票怎么买的| www.531009.com-彩票销售平台怎么样| www.764337.com-海南七星彩版版图区| www.048804.com-福彩排5开奖公告| www.9597.shop-福利彩票20选五| www.10000.cc-国际极速彩票| www.638737.com-江苏体彩竞彩店标准| www.859714.com-八手巴购彩票可靠吗| www.930728.com-快三几率多大| www.972739.com-彩铅画简单星空| www.bn80.com-68彩票下载app| www.050821.com-快三好赚吗-| www.744450.com-深圳福彩代购微信号| www.878702.com-彩神通内部四码代理| www.948403.com-87彩票店下载| www.21064.com-互联网彩票停售时间| www.037184.com-彩票大师-| www.188675.com-足彩斩龙什么意思|