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.0591.site-立彩彩票真能赚钱吗| 顶级娱乐www.872198.com| www.cd5.com-36选7好彩3奖金| www.7155.club-银川七彩艺校好不好| www.76223.com-温州福利彩票店转让| www.6900.org-中国足球竞彩竞彩网| www.45643.com-冬马来彩-| www.93135.com-有专业竞彩的团队么| www.936516.com-自动彩票机加盟| www.687300.com-足彩数学模型| www.494681.com-博彩插件-| www.654182.com-中国福利彩票第一位| www.77024.com-足彩即时赔率| www.093881.com-亚博假彩票-| www.660364.com-腾讯分分彩个人经验| www.830267.com-567彩票软件| www.262643.com-吉林福彩时时彩走势| www.970031.com-云南彩票开奖信息| www.wi21.com-七星彩小说-| www.128282.com-快三怎样选和值大小| www.295200.com-福彩快三规则调整| www.465902.com-彩票软件工具| www.710179.com-怎么套彩金-| www.882939.com-制作彩票软件| www.lt94.com-彩微花-| www.41xv.com-彩票怎么账户解冻| www.4103.org-彩虹七号多少钱| www.62795.com-聚彩论坛网址是什么| www.527864.com-百乐彩网页-| www.711067.com-558赢彩-| www.892504.com-彩票榜cpbapp| www.bt55.cc-湖北快三今日推荐| www.04se.cc-彩铅人物肤色怎么画| www.132.live-彩玉原石图片| www.332799.com-国家彩票苏国京| www.516684.com-买体彩哪个软件好用| www.662069.com-乐绒彩票合法吗| www.998982.com-吉彩挣钱是真还是假| www.523725.com-时时彩后二预测软件| www.872586.com-山西彩票11选五| www.0my.com-买足球彩票软件下载| www.967992.com-玩彩的群-| www.09bs.com-宝马彩票是骗局么| www.5279.top-中彩网十分快三遗漏| www.35112.cc-百度彩票排列五开奖| www.070696.com-河南商丘彩礼多少钱| www.6150.net-足球彩票要花多少钱| www.66860.com-3d彩吧第一版| www.148927.com-谁有官方购彩软件| www.829577.com-同学用帝王彩票| www.2638.cc-时时彩网页平台出租| www.91658.cc-香港好彩烟哪种好| www.35712.cc-体彩站点号-| www.14841.com-彩导航彩票-| www.668416.com-福彩图谜图库总汇| www.066554.com-900彩票安全吗| www.740025.com-福彩多少位-| www.66308.com-湖北彩票近期中奖号| www.695639.com-足彩竞彩混合投注| www.908899.cc-福彩快三吧-| 99彩票www.854277.com| www.gm32.com-江苏快三开奖有假吗| www.866.live-体彩5d的开奖号码| www.237291.com-火箭彩票vip下载| www.396685.com-多彩宝官网-| www.946460.com-福建体彩网官网| www.929137.com-福彩网是什么平台| www.1911.net-越南时时彩app| www.57393.cc-彩神通软件苹果下载| www.169168.com-湖北福彩快三| www.367227.com-麋鹿好看彩铅画教程| www.00ty.com-彩虹羽泉歌词解析| www.583751.com-中国官方彩北京赛车| www.143544.com-彩票网有风控审核吗| www.056220.com-河北彩票开奖号码| www.368048.com-巨乳美彩芽全集观看| www.n64.me-买彩票中大奖视频| www.947599.com-于海彩票案真相| www.84938.com-3d彩漫隐身恶魔| www.bz05.com-快三平台介绍| www.99730.com-中国体彩彩票七星彩| www.25408.com-合肥市体彩兑奖地址| www.655208.com-济公皇彩网址| www.d13.club-七乐彩今天-| www.692763.com-天津体彩网点查询| www.98oz.com-黑彩返点收入| www.xl28.com-湖南动物彩票| www.353686.com-彩票的股票代码| www.116362.com-彩虹羽泉吉他谱| www.339336.com-深圳福彩最新| www.yr8.com-彩票赠与-| www.0601.vip-百宝彩双色球| www.66217.com-时时彩大小单双回血| www.601702.com-有钱人买彩票| www.120898.com-彩票机器人选号| www.351300.com-彩神平刷破解版| www.ku58.com-上海快三销售时间| 新盈彩www.xinyc2.com| www.380074.com-手机可以购买彩票吗| www.600123.com-凤凰彩票可信吗| www.422776.com-体彩店投入多少钱| www.91yy.com-百万彩票一分快| www.104198.com-福彩23选5的规则| www.767205.com-牛彩平台新登录地址| www.96hp.com-鸿博彩票平台| www.325402.com-体彩排列三汇总| www.36nh.com-七星彩和尾走势图| 千百万彩票www.qbwc6.com| www.977437.com-各地彩礼限高的规定| www.7576.cn-咬金体育足彩| www.022986.com-福彩3d太作假了| www.514511.com-福利彩票双色球原理| www.361651.com-湖南有快三么| www.620922.com-寄希望于彩票| www.796294.com-盈彩系统登录| www.344938.com-彩栗开奖结果查询| www.68272.cc-猛虎报自动更新彩图| www.615780.com-双数开彩打一动物| www.983117.com-共亨彩票资料大全| www.hp04.com-彩票分析软件| www.42qv.com-福彩3d村杀码预测| www.872274.com-有几个中彩网| www.206753.com-彩票大小单双玩法| www.333480.cc-高频彩原理-| www.975640.com-彩礼看出人品| www.251468.com-中彩娱乐6-| www.506775.com-副彩三地走势图| www.646668.cc-新粤彩报纸三语口诀| www.06lw.com-彩铅画简单花卉| www.19277.cc-辽宁体彩开奖时间| www.1923.org-深圳体彩彩票| www.91662.cc-台湾好彩10号香烟| www.470087.com-英国买足球彩票| www.637453.cc-哈尔滨市彩票站出兑| www.86312.com-三彩丽雪是几线品牌| www.189824.com-一分快三计划免费版| www.765069.com-七星彩加急版一日谈| www.019723.com-汕头彩票中奖怎么办| www.267371.com-十四场胜负彩| www.703688.com-派彩化妆品-| www.705265.com-没身份证能彩票兑奖| www.gt30.com-新彩吧3d-| 9号彩票www.80767y.com| www.24aq.com-729彩票app-| www.0200.top-中国有哪些高频彩| www.034558.com-正规官网彩票有哪些| www.330849.com-彩神快三技巧| www.456821.com-中国福利彩票发行| www.692670.com-现在还有购彩平台吗| www.822877.com-体育彩大乐透| www.9989.pw-万彩六开彩-| www.306434.com-688彩票合法吗| www.605255.com-做梦买彩票中大奖了| www.739029.com-中国彩票好假| www.924091.com-中四亿彩票-| 凤凰彩票www.3479w.com| www.04dh.com-网络快三赌大小技巧| www.100.red-家彩论坛排列三论坛| www.5810.com-竞彩过关对照表| www.22155.com-足彩走势图带坐标| www.89719.com-超级车彩票app| www.654573.com-福彩体彩排5走势| www.314938.com-彩票现-| www.40es.com-七星彩一注机选号码|