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.28911.com-彩票与赌博一样吗| www.192289.com-好彩36选7-| www.699860.com-大发手机购彩票| www.929654.com-七星彩怎么计算| 600万彩票www.716866.com| www.218963.com-go彩票-| www.833861.com-今晚晚晚好彩图片| www.437480.com-陕西安康彩票中奖| www.206646.com-时时中彩票官方网站| www.319843.com-幸运快三app下载| www.504534.com-黄渤彩票号码| www.637580.com-彩虹6视频-| www.784211.com-南京众彩市场| www.906720.com-雅彩彩票是不是正规| 幸运彩票www.672366.com| www.ro31.com-彩之源彩票首页| www.8689.bid-博彩源码php| www.39295.com-鑫彩网登录-| www.91891.com-丰彩彩票怎么样| www.060342.com-快三预测算法| www.868396.com-七星彩近30期开奖| www.679264.com-玩网络彩票的下场| www.974234.com-福彩和体彩怎么玩法| www.kx23.com-微信群代买彩票快三| www.24ya.com-下彩手机客户端| www.39329.com-旺彩大乐透开奖号码| www.362886.com-体彩国庆放假| www.576836.com-网络彩票怎么解绑卡| www.127712.com-彩虹哥可靠吗| www.356672.com-宁波市福彩中心| www.437200.cc-福利彩票1011| www.57lw.com-中彩那天的板书设计| www.48433.com-福彩快三最大奖| www.070203.com-龙虎彩票平台| www.204839.com-数字新浪彩票| www.349118.com-福彩3d70开奖| www.890071.com-网上彩票平台合法吗| www.208666.com-吉林快三豹子规律| www.782755.com-nba彩票怎么玩法| www.903803.com-进球彩开奖结果| www.cp3825.com-国家福利快三| www.206094.com-福彩双色球预测分析| www.909501.com-唯彩会彩票预测| www.6729.com-新会员布衣彩吧图库| www.588186.com-购彩xs是骗人的吗| www.520504.com-青岛四方福彩养老院| www.755315.com-鸿运快三彩票| www.by29.com-老谢说彩的头条主页| www.a88.org-晴予七星彩预测号码| www.963485.com-足球彩票比分结果| www.19cb.com-星期五什么彩票奖| www.802644.com-山东老体彩遗漏| www.980052.com-体彩形象店-| www.804856.com-百度七乐彩开奖结果| www.331028.com-那里买彩票走势图图| www.595894.com-鑫彩网址下载| www.44aw.com-福彩胆拖什么意思| www.45641.cc-福彩三d图-| www.884222.com-体彩七位数开奖时间| www.964155.com-新彩吧首页-| 聚彩网www.909375.com| www.pt18.com-湖南快三查询结果| www.961880.com-彩经网免费预测| www.em59.com-体彩排列五开奖时间| www.097.biz-时实时实实彩| www.6526.top-时时彩彩票开奖结果| www.134636.com-苏式彩绘图案| www.853957.com-微信时时彩怎么坐庄| www.973524.com-彩票不能折-| www.ny05.com-大乐透彩票选号神器| www.202.cn-广州昊彩印刷厂| www.087665.com-彩之王是否真的| www.264824.com-时时彩长龙只追不反| www.353232.com-天彩翼飞店铺| www.73046.com-搜索福彩藏机图| www.777194.com-彩票手机投注app| www.888345.com-彩票快三投注| www.ki88.com-大连体彩-| www.1ks.com-买彩票输几十万| www.61lb.com-心脏彩超sv低| www.1389.xyz-北京快三下载软件| www.9384.loan-征途彩票app| www.66297.cc-排列三彩经网开机号| www.002405.com-3d彩易网-| www.131330.com-彩礼感慨-| www.551233.com-微信彩站是官网吗| www.cd04.com-彩票代理怎么拉人快| www.761805.com-三星福彩是真的假的| www.857868.com-雪园足彩比分| www.920772.com-体彩任选2-| www.985987.com-体彩p3预测总汇| www.vg15.com-信博彩票骗局揭秘| www.09lb.com-泉州体彩公主网| www.1128.in-三分快彩票网站| www.579073.com-七星彩2284期测| www.154111.com-彩票怎么-| www.094508.com-彩票外挂软件手机版| www.96ke.com-时时彩算赌博行为吗| www.77218.com-彩票号机选中奖过吗| www.209577.com-爱彩乐彩票网遗漏| www.791819.com-广西快三和值表| www.l26.cc-福彩排列七开奖| www.69kv.com-买彩票能戒掉么| www.1777.cm-开心七星彩网站| www.663951.com-环彩网电脑版| www.776185.com-必赢彩票登录不了| 彩之家www.22czj.com| www.19864.com-杭州体彩中心在哪里| www.300885.com-彩票中二等奖可能吗| www.550821.com-彩票合买宣传口号| www.783695.com-彩票105安卓版| www.151082.com-彩票开奖公告结果| www.583757.com-58彩票公司-| www.695751.com-炫乐彩票下载| www.776855.com-?彩宝宝-| www.929455.com-七星彩奖金-| www.996757.com-快三算不算官方彩票| www.qx2.cc-极速快三是真是假| www.a16.in-彩票注册免费送18| www.41rc.com-广州彩色透水地坪| www.079.win-爱心彩登录-| www.499758.com-男网友叫一起玩彩票| www.660894.com-11位彩票-| www.781308.com-同志微彩投资骗局| www.04ot.com-竟彩比分直播澳克网| www.44lu.com-足彩4串5-| www.4739.biz-福利三分彩人工计划| www.224808.com-极速快三下载安装| www.340800.com-查一下中国福利彩票| www.036773.com-彩票榜官网登录| www.117051.com-竞彩足球手机怎么买| www.188043.com-幸运快三稳赢计划| www.98ep.com-玩黑彩有没有挣钱的| www.3879.in-彩金黄金哪个好| www.988080.com-下载505彩票| www.wo3.cc-新浪彩票开奖公告| www.qa15.com-威尼斯博彩-| www.9nj.com-体彩大乐透中奖技巧| www.53hb.com-三d彩票规则介绍| www.181.cm-彩票的极限思维| 华彩www.71399l.com| www.766365.cc-时时彩充值有优惠| www.hf69.com-如何用微信买彩票| www.924938.com-也买彩平台网站| www.097379.com-彩票公益资金分配流| www.238960.com-七天彩彩票官网| www.4348.wang-鑫彩网大发快3登录| www.996125.com-中国足球竞彩网比分| www.ct86.com-体彩屋下载app| www.xe10.com-今天的福彩3d图纸| www.699830.com-黑客破解私彩| www.269.red-王牌彩票是真是假| www.70424.com-大钱庄彩票网址| www.087499.com-苹果吉林快三助手| www.130.red-网购体育彩票可以吗| www.93814.com-福彩快三改时间| www.956841.com-彩票服务器修改器| www.cp3360.com-什么叫一分快三| www.219270.com-2345彩票-| www.522309.com-刘雪龙黑彩赚了多少| www.46169.com-555c彩票-| www.028197.com-奔驰彩票app| www.128394.com-竞彩模拟交易量| www.228702.com-哪里可以买快三彩票|