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天

知道了
9彩注册 www.64ue.com-彩票站代买-| www.945858.com-福建体彩网上app| www.pw5.cc-买快三-| www.175960.com-快三软件破解版下载| www.440141.com-福彩网购-| www.512831.com-郑州乐彩科技领导层| www.333269.cc-中福快三开奖结果| www.137277.com-五彩冰淇淋-| www.0374.org-洛阳休闲快三教学版| www.611152.com-中国福彩黑幕| www.859985.com-时时中彩票在哪里下| www.978696.com-好彩∫开奖结果| www.qd94.com-爱彩彩票093| www.k23.net-众彩网程远-| www.847588.com-竞彩几点开售| www.446368.com-体彩3d开奖号| www.637198.com-彩虹六号nr战队| www.958364.com-福彩3d两胆规律| www.gi37.com-tc168彩票平台| www.25tx.com-彩票精灵-| www.9199.tv-航天彩虹股票牛叉| www.42579.com-不限id送彩金| www.980187.com-想买彩票彩票玩儿法| www.kq06.com-福利彩票字谜图迷| www.559556.com-福彩3d杀号定zx| www.238049.com-云南福彩快乐十分| www.375005.com-体彩乐选二票| www.590404.com-竞彩足球半全场说明| www.673665.com-古建筑彩绘颜料配料| www.767995.com-惠普彩色激光打印机| www.849558.com-重庆时时彩三分| www.930120.com-中彩票税额-| www.994680.com-好彩客绿色手机版| www.il43.com-今日彩app下载| www.s08.xyz-双色彩票一注守号| www.926.cc-7星彩啥时候开奖| www.5602.vip-宁夏福利彩票玩法| www.23511.cc-彩票发展史-| www.537590.com-彩色的东西都有什么| www.625239.com-开彩票盘需多少钱| www.706039.com-时时彩彩票软件下载| www.799110.com-福彩3d今天的报纸| www.876455.com-去哪买世界杯彩票| www.946660.com-和彩和东方-| www.999308.com-福彩詹天佑预测分析| www.cn26.com-福彩三d双彩论坛| www.zh15.com-ios买彩票-| www.gn93.com-手机端福彩快3网| www.84tf.com-飞彩网流水单是什么| www.134622.com-恒大彩票网站| www.258970.com-竞彩比分直播老版本| www.950756.com-体彩排三杀码| www.cai9077.com七星彩兑奖表| www.nc19.com-乐米彩票安装包| www.51vv.com-水彩教-| www.627306.com-篮球彩票让分规则| www.711847.com-e彩堂是正规平台吗| www.7559.top-于海假彩票-| www.22667.com-快三群聊-| www.463878.com-幸运彩票违法吗| www.562196.com-爱中彩票app苹果| www.631696.com-时时彩走势技巧口诀| www.699474.cc-江西快三微信群| www.773237.com-盈利彩票送彩金22| www.839383.com-竟彩足球比分赛果| www.911100.com-浙江温州快三| www.cp0958.com-快三彩票破解软件| www.82633.cc-彩票九怎么玩才能赢| www.598165.com-足彩任9开奖查询| www.712286.com-e彩堂43818-| www.848829.com-我想查看福利彩票| www.956809.com-彩蚕在哪抓-| www.cp469.com-安徽快三投注一定件| www.723385.com-江苏体彩中心地址| www.828267.com-点点彩票下载| www.914656.com-彩票大发快三分析| www.979513.com-龙彩科技-| www.mk0.cc-安徽福彩快三开奖号| www.tt57.com-十分彩江苏快三诀窍| www.233316.com-彩票app下载送| www.745586.com-彩票计划导入潮信| www.826537.com-白马彩票-| www.886097.com-时时彩缩水ios| www.947365.com-三地彩吧库-| www.09vd.com-乐彩票-| www.90jj.com-南国彩七星彩论坛| www.2321.vip-陕西福彩二十选五| www.675505.com-彩票双色球开三等奖| www.785985.com-苹果xr原彩写码| www.663795.com-重庆时时彩源码下载| www.797614.com-彩票99购十分彩| www.872469.com-五省快三基本走势图| www.1664.cc-申航彩票注册账号| www.7834.com-彩票开奖提前知道| www.mx7.cc-人人中彩票手机版| www.95505.com-足彩直播现场| www.c99.vip-七星彩票开什么奖| www.345806.com-高频福利彩开奖结果| www.444049.com-心脏彩超sv正常值| www.531216.com-彩铅手绘初学者教程| www.846432.com-东方眼崔永元彩票| www.49mg.com-足彩攻略-| www.995.hk-5位数字彩票| www.333.red-入侵黑彩服务器| www.3123.biz-快三出长龙的征兆| www.629051.com-南方彩吧-| www.110865.com-贵州省中国彩票| www.191396.com-玩上海体彩十一选五| www.269654.com-英国彩票中奖号码| www.355407.com-旺角彩票网-| www.442737.com-双彩球开奖-| www.537161.com-博彩排名-| 博乐彩票www.988824.com| www.a83.club-彩博网-| www.0634.biz-彩票平台推广赚钱| www.48433.com-福彩快三最大奖| www.007584.com-体彩中奖号码七位数| www.27uo.com-缅甸做时时彩怎么样| www.4166.vip-彩虹六号第4年季票| www.35113.cc-购彩网站大全| www.005924.cc-河内时时彩官网| www.088885.com-福彩35好运彩开奖| www.158201.com-亚搏彩票官方网站| www.656225.com-2012年七星彩| www.885777.com-利赢国际彩票平台| www.vc2.cc-发达娱乐彩票合法吗| www.442782.com-红彩快三视频网站| www.270675.com-7彩网官方下载| www.800686.com-快3是福利彩票吗| www.345985.com-app爱购彩票| www.620185.com-釉中彩骨质瓷5a| www.821148.com-海南7星彩-| www.984682.com-彩运8怎么赚钱| www.513878.com-牛彩3d走势图| www.590507.com-中国体育500彩票| www.666135.com-乐彩网怎样-| www.747178.com-全球彩票所有版本| www.813242.com-彩友吧朋友们的家| www.110947.com-下载全国彩票开奖| www.974086.com-快三怎样选和值大小| www.649.date-福建体彩音聊天室| www.983219.com-彩38.com-| www.185353.com-彩票的种类和玩法| www.87271.com-福利彩票丑-| www.933577.com-彩票多少钱以上到省| www.21760.com-怎么找彩票台子| www.871071.com-一分彩彩票投注技巧| www.e85.top-七乐彩跨度-| www.295723.com-辽宁快三开奖查询| www.568349.com-京彩精選合集| www.1sp.cc-5分彩开奖走势图| www.72hk.com-足彩竞猜301| www.1629.net-棋牌现金游戏送彩金| www.728218.com-体彩数据-| www.dc61.com-手机彩票365| www.52652.cc-钻石团队好彩app| www.038229.com-爱彩乐软件怎么样| www.389234.com-加盟福利彩票多少钱| www.9045.cn-南宁市福彩中心地址| www.841089.com-超级赛车彩票官方| www.845108.com-体彩足球竞猜胜负| www.254429.com-乐彩网3d走势图表| www.37495.com-购彩是什么-| www.027733.com-093彩票36元|