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.40334.com-在线彩票购买| www.112651.com-七星彩查询开奖| www.037057.com-免费彩票缩水软件| www.250159.com-爱彩彩票安卓| www.835892.com-鼎盛计划彩运| www.8489.com-万利彩票登陆| www.ss74.com-上海快三免费计划| www.723627.com-彩票中奖上亿是假的| www.799503.com-有彩金送的彩票网址| www.872823.com-彩票时时彩哪个靠谱| www.946368.com-时彩最牛技巧后一| www.882789.com-什么是投彩-| www.984214.com-广东彩票手机版| www.705916.com-3d彩票微信群| www.662418.com-七星彩停止销售时间| www.99zk.cc-莆田市福利彩票再心| www.524234.com-时时彩之生肖| www.525261.com-网易彩票安全吗| www.112164.com-彩金88元-| www.1tl.com-大发快三怎么顺长龙| www.663951.com-环彩网电脑版| www.11709.com-如何开网络彩票平台| www.86176.com-深圳福利彩票兑换| www.246744.com-福彩3d开机号码| www.786837.com-极速二分彩平台| www.668656.com-福建快三技巧稳赚法| www.174500.com-快三破解器下载| www.128422.com-江西多乐彩组选走超| www.910111.com-粤彩联盟网址| www.993055.com-360彩票新快3| www.406276.com-彩票平台包网服务| www.075707.com-彩6彩票手机版下载| www.220413.com-吉林体彩11-| www.277666.com-魔方彩票可靠吗| www.87158.cc-今天开啥彩票| www.101593.com-彩票8816真没有| www.999836.com-快三红号技巧| www.iy43.com-体彩6+1开奖时间| www.3318.me-看彩票下载什么软件| www.144008.com-彩运8网址-| www.12.win-大马彩开奖结果| www.953967.com-彩票店能追号吗| 500彩票www.523121.com| www.2cm.com-高频彩害死多少人| www.2139.cm-228彩票网-| www.3676.biz-玩时时彩输了好多钱| www.90590.com-南海网彩票论坛| www.088829.com-彩票中奖窍门| www.5004.xyz-彩票机选和自选几率| www.099680.com-速盈彩是什么彩票| www.389219.com-福彩3d大神群| www.im93.com-彩29app苹果版| www.465511.com-故宫彩绘图片大全| www.677800.com-彩票平台钱数能改不| www.03088.cc-幸运中彩票助手| www.069994.com-甘肃福彩网官方网| www.238960.com-七天彩彩票官网| www.332014.com-免费下载人人中彩票| www.422400.com-中国竞彩赛果开奖| www.533511.com-最简单的彩票是| www.615687.com-体彩是选几个数字| www.699768.com-168彩票下载安卓| www.808372.com-彩金三国游戏机| www.52061.com-大发快三助赢软件| www.pg20.com-6701彩票网-| www.92va.com-天天中彩票的优惠卷| www.872095.com-大乐透中奖彩票真图| www.948657.com-手机没电了买彩票| 易彩网www.99638h.com| www.2021.biz-丰大彩票下载| www.077877.com-七星彩最新奖表| www.233936.com-福彩排列五中奖规则| www.130634.com-上官燕七星彩预测号| www.751496.com-521彩票-| www.2710.cc-牛蛙彩票网址| www.023769.com-打开彩票开奖| www.852295.com-山西省福利彩票中心| www.34645.com-迷彩兔-| www.568864.com-大和彩网站-| www.866165.com-易迅彩票怎么没有了| www.947174.com-五分快三计划网页版| www.989769.com-彩漂能洗鞋吗| www.rx80.com-中彩网福利中心| www.13ml.com-2017年七星彩| www.39008.com-凤凰乐彩下载| www.020097.com-大乐透彩票方法| www.0305.loan-体彩各省销量| www.251052.com-分分中彩手机投注| www.60866.com-河北省彩票中心地址| www.010089.com-福彩3d微信讨论群| www.101620.com-安徽快三中奖明细| www.183928.com-河北快三开奖号遗漏| www.662670.com-中国福利彩票易彩网| www.828897.com-偷彩票怎么判| www.966576.com-足彩指数500| www.dg49.com-福利彩票有哪些彩种| www.35zw.com-本期七星彩规律图片| www.891717.com-熊猫两分彩-| www.6360.pw-3d天天彩报-| www.379303.com-3d精英双彩论坛| www.063802.com-七星彩私彩代理会员| www.187880.com-热门彩种-| www.262766.com-北京体彩app| www.8472.cn-博友彩是真的吗| www.0980.vip-粤彩网广东11选5| www.024823.cc-澳门三分彩开奖结果| www.717710.com-合肥市体彩兑奖地址| www.3767.biz-网上彩票骗局计划| www.12fe.com-柬埔寨彩票网| www.876.org-彩票销售平台怎么样| www.52823.cc-好头彩彩票-| www.404342.com-积石山彩陶王| www.5158.in-体彩11选5和值表| www.53361.cc-时时彩推广图片| www.410013.com-彩票大乐透新软件| www.9340.cn-福利彩票官员| www.52752.cc-恒大国际福彩| www.99248.com-中国足彩网下载| www.oz5.com-福彩双色球35期| www.qr80.com-福彩慈善-| www.fs5.cc-福彩彩种-| www.087882.com-网络彩票平台大全| www.728556.com-江苏快三如何投注| www.260070.com-如何举报互联网彩票| www.651164.com-水彩教程-| www.3zx.com-彩票中奖后被杀| www.03nv.com-_红中彩票平台登录| www.67ec.com-人课体彩绘图| www.27646.com-豪彩网-| www.364197.com-彩虹屁什么梗| www.51fp.com-e彩堂官方彩| www.005160.com-933彩票官方下载| www.019834.com-彩之星江苏快3主页| www.604135.com-都皇彩票app| 大玩家彩票www.9dwj.com| www.3905.vip-网易竞彩比分| www.916925.com-天下彩票是我开| www.cp7166.com-近期网上彩票诈骗案| www.878751.com-彩票的积分卡号| www.495474.com-世界杯博彩在哪里| www.71371.cc-快三湖北开奖结果| www.080144.com-近期中奖彩民新闻| www.644773.com-35彩票中心-| www.757069.com-75彩票可以玩吗| www.848062.com-福利彩票三d彩票图| www.914947.com-大发博彩老板| 华彩网www.hcw332.com| www.140155.com-足彩推荐软件app| www.077997.com-福彩网充值代理| www.362887.com-关于写彩虹的作文| www.495388.com-澳门的博彩怎么盈利| www.584977.com-66好彩网-| www.659289.com-安徽快三冷热号统计| www.056107.com-合肥体彩转让| www.81mt.com-彩18k金-| www.qe95.com-76c彩票app-| www.091956.com-江苏手游彩重启| www.25789.cc-彩库宝典现场开奖| www.98710.com-足彩几串几什么意思| www.179650.com-下载易彩网-| www.341624.com-江苏快三微信计划群| www.060065.com-瑞彩网用户注册| www.154466.com-随时赚彩票苹果版| www.2323.in-带打彩票-|