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.92.cc-台湾乐透彩资料网| www.791609.com-买竞彩输得家破人亡| www.791742.com-信誉平台时时彩| www.912526.com-浙江快乐彩走势| www.989823.com-人人中彩票登陆不上| www.ez06.com-体彩福建任5走势图| www.85nj.com-福利彩票需要看图吗| www.6710.vip-安徽快三网上| www.437708.com-256买彩下载| www.118113.com-浙江体彩网官方首页| www.318639.cc-江西快三图-| www.486132.com-三分彩投注技巧| www.hd21.com-河南福利彩票开奖| www.289781.com-福彩双色球杀号| www.871967.com-美国彩票多少钱一注| www.t55.com-ss彩票-| www.90ur.com-怎么买大发快三和值| www.15285.cc-描写彩虹色彩的句子| www.878762.com-福彩积分卡兑换| 日彩网www.800471.com| www.yh61.com-甘肃快三25期| www.93ig.com-彩票078-| www.6906.cn-时时彩6-| www.55373.cc-国外时时彩-| www.028975.com-如何研究彩票走势| www.137556.com-彩票作假-| www.735977.com-彩票开奖查询新浪| www.809202.com-qq彩票软件下载| www.878714.com-江西体彩投注站| www.986156.com-12选五浙江爱彩乐| www.sm89.cc-世界杯足球彩票规则| www.538951.com-彩票开奖电视频道| www.638198.cc-普陀区体育竞彩店| www.707916.com-彩票漏洞充值刷钱| www.4313.top-竞彩网官方论坛| www.03212.com-青海体彩中心兑奖处| www.44516.com-体彩8串8什么意思| www.90452.com-彩娱乐彩票| www.840444.com-彩妆品牌加盟费| www.908355.com-七乐彩选号最准公式| www.968402.com-澳洲时时彩历史开奖| 大赢家彩票平台www.576120.com| www.877726.com-攻击黑彩的黑客| www.59zf.com-五洲彩票是合法的吗| www.86529.cc-快三彩票群网| www.00121.com-黑客进入彩票| www.vw9.com-七星彩专家预测号码| www.665792.com-彩宝用户注册| www.093930.com-3彩吧彩报图库中心| www.3526.vip-118好彩票-| www.qc22.com-577彩票网-| www.193455.com-彩票遗漏k线的技巧| www.298313.com-昨天晚上的福利彩票| www.393226.com-彩铅山水风景画图片| www.578128.com-双色球彩报指南| www.698979.com-彩铅颜色调色表图| www.906203.com-竞彩网胜负-| www.981492.com-易彩彩票安全性如何| www.k24.mobi-吉林市彩票-| www.b37.club-江西福彩快三一定牛| www.95313.com-买体育彩票-| www.079915.com-彩票快餐规则| www.131408.com-四川彩礼20万多吗| www.8537.net-稀有七彩银龙鱼| www.080865.com-中彩网甘肃快3| www.752257.com-彩牛美缝剂商标| www.10kn.com-福彩36cc-| www.523.live-彩友会公平公正| www.4321.tv-鑫彩网快三是真的吗| www.02158.cc-彩经网官方网站| www.71895.com-财经郎眼彩票| www.567794.com-香港濠江彩票| www.333449.com-彩票里的数学| www.0543.top-481彩票网可靠吗| www.373832.com-鸿狼彩票-| www.782770.com-河北省彩票中心地址| www.951634.com-正网oa时时彩出租| www.jn17.com-贵州快三选五一定牛| www.68459.com-体彩中奖去哪领取| www.003042.com-菲律宾马尼拉彩票| www.111057.com-赌彩票-| www.006116.com-万能彩票倍投计算器| www.109936.com-台湾乐透彩资料| www.706709.com-能买彩票的官方软件| www.176125.com-快三网赚是真的吗| www.221575.com-瑞彩祥云v8-| www.217908.com-时时彩开奖结果内蒙| www.bj59.com-乐盈彩票黑平台| www.296780.com-体彩扑克牌走势图| www.911830.com-51彩票全天计划| 300彩票www.cai345.cc| www.094088.com-山西福彩快乐二十分| www.229319.com-我买彩票-| www.949104.com-三星福彩平台| 幸运彩票www.444081.com| www.62958.com-cb8彩宝-| www.957957.com-七星彩包码公式| www.mb1.com-内蒙快三遗漏| www.232151.cc-彩票12app-| www.498008.com-5分快三规矩| www.690233.com-足彩310走势图| www.274360.com-彩票11选5怎么玩| www.970611.com-福利快三能买单双吗| www.b89.club-宁夏快三手机版下载| www.3539.xyz-田野七乐彩预测| www.72738.com-北京福彩兑奖大厅| www.926976.com-买属相彩票-| 凤凰彩票www.3479y.com| www.703525.com-陕西快乐十分彩派| www.801074.com-购彩软件骗局| www.880986.com-想找个靠谱私彩| www.955772.com-福彩出什么号| 大赢家彩票平台www.186753.com| www.011389.com-2345彩票开奖| www.096083.com-特彩吧-| www.cai996.cc-彩票快三规则| www.57my.com-梦见中奖彩票丢了| 500万彩票www.39500s.com| www.40009.cc-彩票正规官方网站| www.525288.cc-彩票直播开奖| www.315507.com-七彩云南玉器骗局| www.b57.net-快三微信群骗局揭秘| www.69332.com-彩票韩国1.5分彩| www.839513.com-绿好彩价格-| www.03789.com-彩票该不该继续买| www.290760.com-36全国彩票开奖| www.355375.com-蓝月亮彩票网| www.421800.com-彩票站网上抢单| www.512213.cc-灯笼彩铅画-| www.564416.com-彩吧3d字谜打印版| www.626857.com-外围彩票危险吗| www.685300.com-87彩店是正规的吗| www.756684.com-全民乐彩票安全吗| www.vm92.com-彩票三d开奖| www.876625.com-环球迅8彩票| www.659674.com-高频彩开奖直| www.a32.top-江苏快三大小口诀| www.ds98.com-福彩助手-| www.387829.com-华彩益彰什么意思| www.091838.com-体育彩票机选中奖| www.478689.com-江西体育彩票站| www.021905.com-彩易3d藏机诗| www.702289.com-彩票站如何加盟| www.205527.com-7乐彩中奖查询| www.2079.me-暗黑破坏神3彩虹本| www.071339.com-红8彩票app-| www.966099.com-山东福利彩票app| www.it70.com-中国体彩网客户端| www.657.me-特彩吧报码-| www.487877.com-买什么彩票赚钱吗| www.545933.com-彩票站如何申请| www.375392.com-玩彩票老是输钱| www.456189.com-丢彩票开枪自杀| www.409156.com-体彩扑克玩法| 华人彩票www.220755.com| www.260704.com-亚洲彩票能挣钱吗| www.362467.com-快乐彩前三直走势图| www.541751.com-足球彩票-| www.150058.com-3d购彩小贴士| www.382832.com-19051足彩奖金| www.364337.com-世界杯进球彩票| www.658002.com-体彩百变王牌规则| www.710137.cc-微信有人带你玩彩票| www.772842.com-大发时时彩漏洞|