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.158584.com-黑龙江省体彩官网| www.296820.com-福彩3d吧图迷| www.371392.com-826彩票微信群| www.69248.com-竞彩任九中奖结果| www.785823.com-七星彩没开过的号码| www.909772.com-购彩iii-| www.fw.cc-河北快三前三直遗漏| www.64zo.com-好123彩票网彩网| www.671719.com-福彩3d9宫走势图| www.766705.com-凤凰快三是不是真的| 鑫亿彩www.627069.com| www.220877.com-旺彩彩票-| www.146881.com-江苏快三怎么投| www.489503.com-福彩3d热门号| www.588084.com-体彩图谜5188| www.675552.com-意彩注册网址| www.763667.com-分析足彩的app| www.900588.com-辽宁福彩官网首页| www.988542.com-57彩票app-| www.al72.com-聚丰彩票客服端| www.927495.com-体彩排列三预测分析| www.035656.com-最经典的彩票宣传语| www.191625.com-甘肃快三500期| www.679708.com-中华彩吧-| www.89ek.com-焦点篮球竞彩计划| www.65jp.com-福彩积分兑换商城| www.739548.com-三地和值中彩网| www.812328.com-3d福彩综合图| www.883470.com-百度彩票下载| www.954300.cc-彩票赚钱软件正规| 大钱庄彩票www.449589.com| www.453653.com-竞彩足球258比分| www.347576.com-金彩网现在有人玩吗| 彩票坊www.022gs.cc| www.gp56.com-河南人的彩礼| www.yl02.cc-彩计划9cbcc| www.483246.com-什么是刷彩票流水| www.3656.cc-万彩吧开奖查询3d| www.211105.com-安徽快三网上投注| www.904116.com-正规彩票合买网站| www.em16.com-大发快三的玩法技巧| www.43869.com-御彩轩害死了多少人| www.658089.com-e足彩开奖结果| www.763900.com-一分快三豹子是哪个| www.881786.com-13彩官网-| www.950129.com-一定牛彩票是假的吗| 网易彩票www.068wy.com| www.009857.com-华彩咨询排名| www.105163.com-星彩彩票预测推荐| www.1139.in-胜负彩擂台500| www.035320.com-满堂彩彩票aqq| www.840041.com-竞彩360网分析| www.917122.com-彩票33合法吗| www.982012.com-福彩3d定和尾技巧| www.fc99.com-彩票概率学-| www.zb45.com-乐彩彩票手机版| www.43cz.com-竞彩分析师平台| www.pt46.com-彩票争霸2app| www.3182.biz-天天送彩金斗地主| www.778646.com-彩20彩票平台| www.905139.com-太原彩票站转让| www.978462.com-好彩客网站-| www.zr03.com-彩票秘籍-| www.4558.org-七星彩规律软件功| www.77751.cc-体彩销售故障垃圾| www.87br.com-51中彩可靠吗| www.221255.com-彩票助赢-| www.287441.com-最新福彩门户网址| www.353486.com-登陆艾彩-| www.418442.com-红神体彩下载软件| www.510944.com-彩虹天堂是谁写的| www.746978.com-大奖彩票官方网站| www.332859.com-手机彩票凤凰网| www.469148.com-168彩票开奖网址| www.671449.com-3d图谜彩票| www.747067.com-海南七星彩下载| www.814209.com-河北体彩排列5| www.903211.com-香港快三预测| www.975299.com-花式快三教学视频| www.076787.com-想要几个数字买彩票| www.479889.com-山西体育彩票走势图| www.07fy.com-彩铅蔷薇少女图片| www.82fw.com-时时彩怎么买单双| www.ig35.com-体彩136-| www.910205.com-利民彩票彩神vii| www.995418.com-易彩堂犯法吗| www.fo09.com-江苏福利彩票开奖| www.365639.cc-彩铅怎么画星空| www.563.space-开彩网极速赛车| www.fd69.com-中国第一网站快三| www.662622.com-大乐透旺彩推荐| www.711917.com-万豪彩票是真的吗| www.854018.com-时时彩慢慢回血经验| www.956011.com-程序员破解彩票| www.886566.com-福彩三d字谜叟| www.810.cm-易彩网合法吗| www.6111.in-怎么买国外彩票| www.26601.com-快三二不同概率| www.248022.com-360红老快三开| www.980674.com-77彩腾牛网-| www.233633.com-江苏体育彩票七位数| www.9385.biz-马来西亚博彩业| www.300818.com-南方双彩3.0版| www.369421.com-五分彩票-| www.483447.com-彩富网kcw-| www.4539.biz-买彩票什么时间买好| www.13116.cc-亚洲最大的彩票网站| www.69582.com-中国福利彩票创始人| www.617342.com-斗牛娱乐时时彩代理| www.791026.com-3d手机彩吧-| www.918510.com-重庆福彩中心地址| www.985437.com-彩票套首充-| www.as13.com-安徽快三跨度分析| www.8622.com-福彩彩票机子说明书| www.fy01.com-刷彩票流水-| www.29bt.com-哈尔滨福彩在线| www.425455.com-宝赢彩票软件苹果版| www.550191.com-体彩几点开奖| www.287.net-七星彩头尾中三定| www.89ds.com-贩卖私彩-| www.9625.biz-三彩旗舰店-| www.kd15.com-彩票大全手机网| www.338113.com-蚂蚁彩票靠得住吗| www.701409.com-足彩比分玩法规则| www.830156.com-丽盈彩票官网| www.742525.com-新星彩正版资料站| www.896469.com-10十分彩-| www.962905.com-陕西体彩在哪里兑奖| 凤凰彩票www.77802y.com| www.iq28.com-九场足彩-| www.252000.com-经彩票网-| www.3956.vip-天津体彩销售提成| www.11007.cc-湖北快三网上投注| www.019563.com-湖南体彩快报| www.409094.com-彩吧中国彩吧| www.05057.com-彩一彩票开奖| www.41712.com-分分中彩票官网| www.cs92.com-网络黑彩大案| www.453213.com-七星彩万字表格| www.3128.net-乐彩双色球谜语| www.08az.com-明月珰七星彩番外| www.cai200.cc-快三彩票走势图| www.561817.com-鸿彩主播梦的直播间| www.418083.com-盛大彩票怎么样| www.t17.net-福彩快三历史查询| www.18818.cc-福彩三地万能六码| www.129746.com-彩票真难中-| www.269182.com-彩民彩票提现不了| www.567500.cc-盛兴彩票v1官网| www.487747.com-买福利彩票能赚钱吗| www.590196.com-彩票和制图-| www.660071.com-重庆市福利彩票| www.722738.com-秒秒彩立即-| www.781098.com-彩虹玫瑰花束| www.00420.com-南京华彩彩票可靠不| www.656876.com-竞彩技巧大全| www.5533.vip-足彩狗万app| www.11569.cc-中国福彩中心地址| www.836575.com-福利3彩票开奖记录| www.26988.cc-国家彩票预测中心| www.14wv.com-七乐彩摇奖无规律| www.36558.com-澳门足彩投注网站| www.237601.com-福彩通app-| www.0224.com-淼鑫彩票网-|