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.723469.com-下载福彩网骗局| www.10tk.cc-时时彩演示-| www.115849.com-三d乐彩网首页| www.707331.com-今日福利彩票双色球| www.160613.com-乐彩网摘3d-| www.512685.com-时时彩不用倍投| www.911663.com-中国高频彩票的种类| www.104113.com-胜负彩直播比分直播| www.cai5544.com分分快三计划| www.732388.com-重庆结婚彩礼10万| www.368787.com-933彩票娱乐平台| www.518059.com-体彩七星彩牛材网| www.632042.com-重生时时彩后一技巧| www.963194.com-足彩凯利指数| www.cai4199.com1分快三怎么玩| www.ow08.com-乐彩网论坛首页| www.577197.com-江西彭彩新材料| www.8761.biz-名人彩票娱乐登录| www.379839.com-澳客彩票开奖| www.465046.com-5d彩超看男女准吗| www.53257.cc-时时彩11选五| www.52456.cc-3d彩票开奖时间表| www.153701.com-福彩3d买大小玩法| www.461268.com-中彩500网-| www.580232.com-众发彩票可以玩吗| www.673252.com-快三压大小的群| www.758750.com-彩93彩票靠谱吗| www.828639.com-英国彩票最大奖号码| www.911503.com-今日湖北快三推荐号| www.972417.com-彩铅唯美人物| www.gu0.com-安徽快三一定牛走势| www.521619.com-时时彩龙虎规则| www.1255.cc-快三顺子下面出什么| www.316007.com-上海竞彩店地址列表| www.920049.com-最新彩票开奖公告| 凤凰彩票www.3479n.com| www.341164.com-拉萨体彩中心| www.cai337.com-北京快三开奖号码| www.8811.live-足球胜负彩开奖公告| www.55788.com-七乐彩复式机选投注| www.lq08.com-送彩金-| www.02.la-七星彩摇号器| www.82fy.com-福利彩票天津中奖| www.3677.xyz-施乐彩色复印机型号| www.58rq.com-319彩票-| www.131704.com-彩礼证据不足| www.256773.com-中彩吧彩票网站| www.lf1.cc-人人中彩票-| www.024059.com-中国福刺彩票| www.118773.com-体彩站加盟-| www.90tq.com-体彩申请机器| www.393516.com-咸阳体彩店-| www.539709.com-手机购买福利彩| www.662078.com-重庆时时彩.apk| www.789068.com-竞彩最新资讯| www.885060.com-3d天天中彩吧| www.986245.com-彩神500官网| www.cl27.com-彩票平台网址| www.0626.cc-新淘彩网大发快三| www.93833.com-彩色耐磨地坪报价| www.739030.com-中国福彩真的假的| www.55ff.cc-pk彩票开户-| www.cp358.com-6e彩票-| www.801786.com-大钱庄彩票下载安装| www.98110.com-竞彩首页计算| www.094456.com-麦久3d彩票网| www.2301.com-天下好彩与你同行| www.cs2.com-3d网上福彩投注站| www.6va.com-最新中国竞彩联盟| www.22563.cc-万人彩票网址| www.632.mobi-福彩快乐12规则| www.33qo.com-彩票店主互联网售彩| www.827621.com-彩票支付宝能提现| www.c5.gg-吉林快三技巧| www.0780.net-网购彩票哪个软件好| www.261522.com-易彩线路测速| www.126638.com-印尼时时彩开奖结果| www.64561.com-彩色纸箱-| www.775948.com-时时彩怎么玩都输| www.874537.com-安装吉林快三| www.961583.com-500万彩票网股票| 盛彩网www.41518o.com| www.899395.com-甘肃体彩领奖| www.699760.com-七星彩册子彩界纵横| www.772939.com-微信申请彩金| www.861239.com-福利彩票算中奖吗| www.926231.com-成功彩票注册| www.981575.com-广西体彩兑奖处| www.cp3357.com-1分快3是什么彩票| www.294906.com-中国彩票快三| www.tr98.com-华夏彩票一分快三| www.0948.vip-永诚彩票app下载| www.6674.vip-彩神的会员9是拖| www.49949.com-神彩飞扬排三预测| www.82ez.com-仪征彩票大奖| www.1254.pw-快三中顺子-| www.8148.top-双色球彩票站开奖| www.wt04.com-排五彩票九宫图| www.254215.com-福彩自助app| www.378049.com-肥乡抵制彩礼| www.0485.net-彩票十一选五规则| www.cp416.com-江苏快三哪个平台好| www.447314.com-最新福彩3d黑牛图| www.216767.com-中国福利彩票老师| www.60259.cc-58彩票换网址了么| www.33dc.com-七星彩前期开什么奖| www.930154.com-彩票交多少税| 58购彩网www.58gc8.com| www.246670.com-上海彩票网站| www.565471.com-福彩机号-| www.791417.com-3d彩经网杀码| www.019834.com-彩之星江苏快3主页| www.996.hk-七星彩四定遗留| www.27658.cc-足彩新闻-| www.123411.cc-福彩双色球开奖信息| www.gs49.com-好彩烟价格-| www.b90.top-时时中彩票-| www.40cr.cc-七星彩投注官网| www.230202.com-玩福利彩票好吗| www.63305.com-河南省彩票双色球| www.2351.me-彩票扫描查询| www.9618.win-3d专家杀号彩经网| www.83583.cc-彩票分析师哪里招聘| www.cai1244.com江苏快三网站| www.527212.com-大乐透中体彩| www.873774.com-彩67-| www.955533.com-新生彩票手机客户端| www.p16.me-彩票和值振幅走势图| www.023.me-全球彩票官方app| www.546848.com-添彩涂料彩票平台| www.950277.com-乐彩网软件-| 百姓彩票www.bxcp3.com| www.216675.com-快三哪个平台最大| www.507635.com-彩神拿霸ll-| www.590092.com-贵州快三一共几期| www.664744.com-黑客门彩美-| www.247232.com-上海市体彩管理中心| www.sj14.com-上海快三专家预测| www.5860.org-中国体育彩票排五| www.884595.com-彩票历贵数据| www.956206.com-梦到彩票号码很准| 818合彩www.www.9889hc.com| www.116818.com-精彩足球赛作文| www.608610.com-双色球派彩网| www.12814.com-体彩飞鱼开奖查询| www.86981.cc-两元彩票图片| www.621.live-黑彩平台制作安装| www.un64.com-内蒙快三总共多少期| www.19vx.com-彩票五-| www.366311.com-冀彩宝客户端官网| www.449981.com-福彩开店-| www.550684.com-华夏彩票怎么玩| www.ok28.cc-手机如何购彩票| www.o61.mobi-宁波公司员工彩票| www.678154.com-牛彩网收录彩吧| www.750438.com-九歌彩票吞奖| www.257007.com-彩票店碰到赊账的| www.321822.com-人工智能彩票| www.372506.com-极速时时彩在线计划| www.456051.com-4scc彩票网站| www.531662.com-彩铅风景绘画作品| www.808554.com-体育彩票七星彩购买| www.902392.com-体彩机-| www.989582.com-全民彩票瑞祥彩云|