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.vn06.com-彩盈实时计划| www.430200.cc-足彩凯利指数分析| www.812664.com-华彩咨询集团| www.919152.com-私彩信誉排行榜| www.cai8887.com广西快三规律| www.32980.com-江苏体彩网站点申请| www.036678.com-加拿大11选5彩票| www.369207.com-世界杯彩票玩法| www.519783.com-时时彩7码推波方案| www.598285.com-彩票带赚是干什么的| www.686786.com-彩票真的中奖了| www.769238.com-中国福彩自助下载| www.859929.com-时时彩票下载中心| www.928298.com-高频彩哪种玩法| www.985334.com-足彩分析app推荐| www.wo1.cc-彩票开奖号码是多少| www.rf06.com-北京分分彩真的假的| www.92129.com-江苏快三346| www.455779.com-聚彩论坛手机网站| www.46hd.com-足彩总进球全包法| www.553391.com-nba竞彩分析推荐| www.31kc.com-奇门测彩票尾数| www.088593.com-新浪杨震足彩博客| www.016006.com-彩票复制是怎么算的| www.138626.com-老时时彩开奖历史| www.281283.com-安徽福彩遗漏数据| www.532783.com-七星彩的玩法介绍| www.cp4599.com-快三复式应怎样复式| www.989823.com-人人中彩票登陆不上| www.bq29.com-花生彩票什么情况| www.sb78.com-时时彩盈利怎么判刑| www.78.bid-滴滴彩下载-| www.61ok.com-体彩p3跨度遗漏| www.250057.com-冀彩宝现在能用吗| www.4334.net-淼鑫彩票app| www.23vt.com-中彩对比-| www.40499.com-彩票软件破解版| www.xv13.com-彩票app骗局| www.3833.cm-众彩网排三预测| www.26400.com-河北快三彩经綱| www.035856.com-体育彩票店开业宣传| www.556683.com-彩票为什么改时间了| www.pt63.com-彩经网3d杀号定胆| www.509298.com-秒速时时彩规律| www.613018.com-正规的彩票分析团队| www.48510.com-足彩滚球软件| www.443881.com-彩3平台-| www.598650.com-中国福利彩票靠谱吗| www.706021.com-发彩在线下载| www.369194.com-体彩中心网站| www.870229.com-彩之云骗局-| 500彩票www.324077.com| www.pr81.com-体彩关爱留守儿童| www.47jt.com-足彩威兼尔培率| www.204434.com-湖北彩票快三| www.311819.com-彩票乐透型c515| www.47sp.com-w600彩票平台| www.7758.online九千彩票-| www.93511.cc-308彩票计划| www.cd68.com-吉林省福彩快三走势| www.52966.com-智能彩票摇号器下载| www.bg89.cc-韩国福彩快三| www.9001.me-足彩串场奖金计算器| www.25568.com-体彩7星开奖| www.211606.com-温州快三-| www.43361.com-手机旺旺彩票登录| www.008452.com-胜负彩19022| www.oi77.com-彩票交流微信群| www.561877.com-免费彩金领取38| www.94199.cc-文化与彩票-| www.139072.com-各省彩票中大奖情况| www.268922.com-彩票争霸8苹果| www.95283.com-福建体彩有几种玩法| www.579412.com-酷彩白珐琅-| www.802627.com-搜索福彩藏机图| www.921000.com-彩神计划下载| www.27iu.com-zxc彩票-| www.276250.com-大发快三怎么刷反水| www.376473.com-福彩36期号码| www.up97.com-幸运快三5分钟一次| www.32oo.com-竞彩足球一定牛推荐| www.003754.com-免费试玩彩票网| www.83qo.com-彩票中两位数| www.032926.com-七星彩梦书查码| www.459829.com-求七星彩直码网址| www.35vy.com-辽宁福彩35开奖号| www.1224.vip-中福快开彩票群| www.7902.cn-霍金彩票公式原版| www.38151.com-极速快3彩票计划| www.155512.com-开什么彩票店最赚钱| www.a63.org-体彩七星彩开奖公告| www.655011.com-熊猫看局七星彩下载| www.63005.com-足彩胜天半子| www.952335.com-马来三分彩开奖| www.636.cm-时时彩十二生肖| www.599270.com-买彩票的窍门| www.696378.com-霸主彩票咋样| www.og04.com-福彩3d购买-| www.160741.com-双色球筱杉众彩网| www.279569.com-腾讯时时彩开历史| www.374056.com-体彩手机账户注销| www.877442.com-福彩东方6十1| www.969596.com-体育篮球竞彩网首页| www.sn07.com-彩票指南电子免费版| www.365746.cc-竟彩比分直播澳克网| www.485776.com-一分彩稳赚-| www.567747.com-彩36官网-| www.26099.cc-彩虹歌词曲-| www.69064.com-今日彩票谜语| www.032954.com-福彩快三投注网址| www.31636.com-全球彩票最新版下载| www.688594.com-彩神通官方下载| www.840830.com-彩妆美甲加盟店欧泉| www.958187.com-本期七星彩头奖| www.yq6.cc-福利彩票3d试号| www.83my.com-彩票l-| www.3315.in-彩色简笔画大全| www.02738.com-一号彩票店-| www.6449.vip-5d工番全彩漫画| www.102226.com-彩神争霸888| www.9056.net-七彩乐中奖结果图| www.68712.com-廊坊鸿运彩票预测| www.553621.com-竞彩能挣钱吗| www.454323.com-全球博彩公司排行| www.565448.com-开体彩店去那里申请| www.039067.com-爱投彩票兼职| www.330304.com-天地2分彩走势图| www.388371.com-信飞彩票平台下载| www.105998.com-牛蛙彩正版资料大全| www.657549.com-大乐透预测家彩网| www.979664.com-香港二四彩开奖结果| www.ee30.com-福建福利彩票网官网| www.195228.com-重庆时时采彩96期| www.69183.com-众博彩票软件| www.304163.com-01彩票方下载| www.88976.cc-官方认可的彩票软件| www.ap93.com-山西体彩-| www.67uw.com-万家彩票18553| www.0991.org-我男朋友老是买彩票| www.582910.com-锋彩直播安卓版| www.br67.com-五分快三计划网址| www.69720.com-拉萨全民体彩| www.369629.com-盛博彩票-| www.092881.com-快三害人吗-| www.99789.com-黄鹤楼大彩真假| www.266560.com-福彩3d图表-| www.660726.com-体彩大乐透后区遗漏| www.32206.com-易彩8位邀请码| www.714832.com-彩票单期人工计划| www.16162.com-体育彩票主任| www.8000.hk-亲子彩虹伞玩法| www.03sz.com-彩库品牌女装官网| www.hg03.com-甘肃快3购彩小贴士| www.xl36.com-福彩在线app官网| www.211138.com-安徽省福彩快三号码| www.526265.com-科彩胶装机-| www.64809.com-竞彩输钱害人| www.403699.com-体彩七乐彩走势图| www.515077.com-购买七星彩票的软件| www.610353.com-龙江福彩app下载| www.708774.com-彩票怎么算中奖金额| www.64602.com-重庆时时彩怎么玩| www.060047.com-乐彩vip众乐| www.118015.com-南宁中国福利彩票站|