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.4969.org-彩票机选有用吗| www.s39.biz-多谐彩灯制作| www.921296.com-体育彩票有假吗| www.991245.com-快三多少天有效期| www.iw56.com-嘉兴福彩网-| www.8rj.com-时时彩搭建教程| www.3739.me-海南省体彩中心电话| www.801160.com-香港天空彩票资料| www.890417.cc-彩60-| www.968100.com-山西体彩宝马事件| www.cp3381.com-河南彩礼-| www.91508.com-联盟黄金炫彩| www.002646.cc-七星彩梦册网查码| www.131153.com-2019年各省彩礼| www.44ed.com-七彩教育是什么| www.4650.vip-中彩票是运气好吗| www.612911.com-彩牛美缝剂加盟商| www.717030.com-彩铅画的目的| www.97337.cc-古建筑门上彩绘| www.816904.com-彩票机选的中奖概率| www.897312.com-福彩刮刮乐手机扫码| www.998764.com-体彩天下是真的吗| www.qu24.com-崔永元谈彩票| www.44sc.com-新版二四六好彩网| www.988.gg-下载够力七星彩软件| www.699574.com-卖私彩最高判多少年| www.05050.cc-哪个手机软件买彩票| www.34627.com-神彩福牛论坛| www.635533.com-博彩众长是什么意思| www.785584.com-特彩吧原彩票高手网| www.81812.com-用概率算福利彩票| www.5435.cc-阿彩凤凰错txt| www.20166.cc-赢彩专家-| www.222098.com-大发乐点手机购彩| www.327285.com-彩票开奖号码网址| www.817565.com-国家彩票骗局的案例| www.712667.com-天吉3d彩票手机版| www.7rj.com-体彩门头标准图片| www.147580.com-足彩大赢家-| www.318136.com-中彩网江苏快三| www.524949.com-彩票平台挣钱办法| www.712023.com-全球第一盛兴彩票网| www.595235.com-快三彩票计划员| www.mm74.com-河北快三走势图电视| www.519785.com-时时彩推波高手改版| www.6266.pw-福彩3d四码等于2| www.635332.com-七彩阳光完整版镜面| www.345168.cc-如何注册亿乐彩| www.567929.com-国乐彩快3计划软件| www.693798.com-彩票中奖哪里兑奖| www.96839.cc-福彩3d模拟购买| www.972797.com-竞彩对阵-| www.ir62.com-手机彩票网软件| www.16pl.com-潢川彩票中奖| www.121607.com-百合男骗时时彩| www.57kd.com-体彩大乐透后区中奖| www.666061.com-掌游彩免费下载| www.751959.com-亚上彩是黑平台吗| www.836671.com-中原和彩-| www.911080.com-大发时时采彩计划| www.975941.com-安阳市市区彩礼价格| www.cp650.com-彩神app2-| www.22nl.com-彩票开奖免费领彩金| www.483248.com-体彩分类-| www.44613.com-福彩生肖六加一| www.03478.com-兴盈快三-| www.108272.com-投彩票上分下分| www.973556.com-123彩票开奖公告| www.5752.top-七彩gg-| www.32267.cc-中国足彩网凯利| www.788322.com-19039足彩分析| www.920713.com-彩票争霸1-| www.cai3232.com快三中2个号多少钱| www.122396.com-七星彩走势图星期天| www.365912.cc-m8彩票游戏-| www.449342.com-山东彩票网首页| www.536762.com-p3牛彩字谜-| www.597848.com-阿莉彩票登录| www.663988.com-时事彩五星独胆| www.740059.com-澳门彩票资讯| www.810756.com-福利彩票北京快乐8| www.875780.com-恒彩88总代-| www.934567.cc-快彩app浙-| www.979137.com-彩票查询试机号| www.nf.cc-福彩选号助手| www.8868.me-天下精英高手彩票网| www.338496.com-福彩3d合买群| www.521744.com-七天彩彩票官网下载| www.587021.com-今晚彩票会出什么| www.966293.com-即开彩app官网| www.2779.wang-江苏快三独胆稳赚法| www.48346.cc-极速时时彩可以玩吗| www.164521.com-福彩快三那一年开始| www.316905.com-彩票九靠谱么| www.751699.com-app中彩彩票| www.892504.com-彩票榜cpbapp| www.gm32.com-江苏快三开奖有假吗| www.210377.com-彩票代玩佣金50| www.328970.com-福彩双色球38期| www.773971.com-九宫图算法彩票运用| www.872079.com-贵阳市体彩中心主任| www.219608.com-彩吧试机号-| www.365932.cc-国产水溶彩铅哪种好| www.511936.com-幸运彩票体验金| www.192777.com-彩票知识技巧大全| www.305278.com-19020七星彩| www.362399.com-银猫彩票-| www.424648.com-158娱乐彩票| www.518149.com-今彩票指南报| www.073.in-广发彩票安卓版| www.83yx.com-刘雪龙时时彩诈骗| www.89741.com-福彩主任什么梗| www.049477.com-黑彩流水返点| www.8180.in-海南博彩a股| www.38412.com-中彩啦合法-| www.o31.com-分分彩软件-| www.6067.vip-足彩14场胜负场| www.21027.com-鼎盛娱乐买彩票被骗| www.71660.com-天天彩图先锋快报| www.546234.com-体彩彩票机换纸| 500万彩票www.35155u.com| www.rf39.com-518彩网-| www.910117.com-佰易彩票-| www.717842.com-彩库宝典苹果下载版| www.608963.com-中国体彩七彩星| www.24gb.com-手机钢化彩膜| www.b86.net-吉林快三三不同推荐| www.659204.com-玩彩票稳赚技术| www.1kt.cc-彩神计划王-| www.978597.com-彩8彩票苹果版| www.cp7890.com-彩票查询-| www.of65.com-下载彩猫-| www.7um.cc-员工年会发彩票| www.vm08.com-快乐彩前三直选玩法| www.57sm.com-时时彩账号-| www.196.cn-98彩票网登录| www.2378.biz-星期二彩票开什么奖| www.332879.com-三地彩票123好| www.388076.com-华彩咨询待遇怎么样| www.475715.com-福星彩票网址| www.554463.com-彩票励志诗-| www.604892.com-体彩任选三单式奖金| www.895096.com-优彩社区论坛| www.951727.com-彩票合买骗局| www.989113.com-福彩三d真实谎言迷| www.ey1.com-快三多少注限号| www.568146.com-彩票网站不能提现| www.625215.com-51福彩-| www.682666.cc-哪个网站可以买足彩| www.757962.com-辽宁福彩35-| www.9891.com-体彩七位数历史号码| www.qf88.cc-彩10app-| www.55453.com-彩博客-| www.970377.com-ag彩票数据-| www.cai0755.com福彩3d走势图| www.cai8520.com福利彩快3怎么玩| www.9834.loan-古建彩绘花纹| www.56455.cc-众彩彩票是骗局吗| www.019711.com-手机星彩网-| www.1wh.com-福彩3d门户网址| www.34963.com-竞彩之家电脑版| www.248547.com-3d彩报吧-| www.04949.com-大胜彩票-| www.316001.com-竞彩彩票店限制|