QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery企业产品服务列表TAB切换布局

原创商用 jquery企业产品服务列表TAB切换布局

jquery superslide 实现企业大数据产品服务列表TAB切换布局代码,简单大气常用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="large-content">
	<div class="large-group clearfix">
		<h3 class="large-header">
			<em>大数据产品服务</em>
		</h3>
		<div class="large-switch clearfix">
			<div class="large-switch-circle hd">
				<ul>
					<li class="on">数据分析</li>
					<li>数据存储</li>
					<li>数据接入</li>
				</ul>
			</div>
			<div class="large-switch-middle bd">
				<ul class="clearfix">
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-001.png" alt="">
						</div>
						<div class="large-item-title">百度MapReduce</div>
						<div class="large-item-text">全托管的Hadoop/Spark计算集群服务,助力海量数据分析和数据挖掘</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-002.png" alt="">
						</div>
						<div class="large-item-title">百度机器学习</div>
						<div class="large-item-text">大规?;餮捌教?,提供众多算法以及行业模板,助力高级分析</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-003.png" alt="">
						</div>
						<div class="large-item-title">百度深度学习</div>
						<div class="large-item-text">针对海量数据提供的云端托管的分布式深度学习平台</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-004.png" alt="">
						</div>
						<div class="large-item-title">百度数据仓库 Palo</div>
						<div class="large-item-text">PB级关系数据分析引擎,为客户提供稳定高效的多维分析服务</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-005.png" alt="">
						</div>
						<div class="large-item-title">百度Elasticsearch</div>
						<div class="large-item-text">全托管的Hadoop/Spark计算集群服务,助力海量数据分析和数据挖掘</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-006.png" alt="">
						</div>
						<div class="large-item-title">百度日志服务</div>
						<div class="large-item-text">全托管日志收集投递服务,助力从海量日志数据中获取洞察力</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-007.png" alt="">
						</div>
						<div class="large-item-title">百度批量计算</div>
						<div class="large-item-text">支持海量规模的并发作业,自动完成数据加载、作业调度及资源伸缩</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item-clear">
						<div class="large-switch-dx">敬请期待</div>
					</li>
				</ul>
				<ul class="clearfix">
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-003.png" alt="">
						</div>
						<div class="large-item-title">对象存储BOS</div>
						<div class="large-item-text">海量空间、安全、高可靠,支撑了国内最大网盘的云存储</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-004.png" alt="">
						</div>
						<div class="large-item-title">百度消息服务</div>
						<div class="large-item-text">全托管Kafka服务,高可扩展高通量的消息集成托管服务</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-005.png" alt="">
						</div>
						<div class="large-item-title">关系型数据库RDS</div>
						<div class="large-item-text">支持MySQL、SQL Server、PostgreSQL,可靠易用、免维护</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-006.png" alt="">
						</div>
						<div class="large-item-title">简单缓存服务SCS</div>
						<div class="large-item-text">提供高性能、高可用的分布式缓存服务,兼容Memcache/Redis协议</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item-clear">
						<div class="large-switch-dx">敬请期待</div>
					</li>
				</ul>
				<ul class="clearfix">
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-003.png" alt="">
						</div>
						<div class="large-item-title">百度日志服务</div>
						<div class="large-item-text">全托管日志收集投递服务,助力从海量日志数据中获取洞察力</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item">
						<div class="large-item-img">
							<img src="images/pic-005.png" alt="">
						</div>
						<div class="large-item-title">物接入</div>
						<div class="large-item-text">快速建立设备与云端双向连接的、全托管的云服务</div>
						<a href="#" class="large-item-link">查看详情</a>
					</li>
					<li class="large-switch-item-clear">
						<div class="large-switch-dx">敬请期待</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".large-switch").slide({
		autoPlay: false,
		trigger: "click",
		delayTime: 1000
	});
</script> 
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
旺彩彩票 www.977766.com-彩印纸箱设备多少钱| www.368652.com-一号店彩票安全不| www.277302.com-彩钢围挡使用期| www.948859.com-七乐彩守号中奖彩票| www.ty19.com-湖北快三爱乐彩| www.803278.com-9号彩票捷豹| www.451002.com-打黑彩票欠钱用给吗| www.655299.com-七星彩购买软件下载| www.870365.com-福利彩票双色球网购| 凤凰彩票www.036874.com| www.2nf.cc-彩票输-| www.692.date-安装双色球彩88| www.976601.com-山西结婚彩礼多少钱| www.39776.cc-今日快三甘肃走势图| www.gf60.com-体彩31选7走势图| www.05902.cc-湖北快三杀号公式| www.920763.com-买彩票中奖是真的吗| www.fg61.com-快三号码分析软件| www.42tf.com-四川彩钢围挡定做| www.6629.org-双彩论让-| www.7080.com-建盏七彩用牙膏洗掉| www.278954.com-彩票中奖真实经历| www.427411.com-足彩11转9软件| www.586630.com-新用户送38彩金| www.822134.com-大盘彩票-| www.756270.com-全民中彩官网| www.274533.com-今天腾讯分分彩记录| www.570769.com-福彩3d专家晒票| www.805908.com-福彩20元刮刮乐| 500彩票www.50788f.com| www.138866.com-互娱百盈彩票| www.330023.com-彩宝贝蓝球杀号定胆| www.194795.com-爱乐彩江西11选5| www.122180.com-天天中彩票犯法吗| www.237295.com-福彩3d藏机图总汇| www.346699.com-金豆彩票下载安装| www.438734.com-彩市英雄专家专栏| www.552282.com-可信的彩票app| www.633986.com-湖南长沙七彩集团| www.761453.com-好彩妹照片-| www.66hb.cc-神龙彩票下载| www.8208.cm-玖亿彩票经营多久了| www.11980.com-福利彩票的选号规律| www.011862.com-今天开什么彩票| www.358713.com-体彩号码多少个号码| www.509518.com-彩票500网走势| www.614546.com-韩国三分彩票| www.749601.com-6188彩票合法不| www.890528.com-坤彩科技股票吧| www.3807.cc-广州市体彩中心地址| www.87918.com-内蒙古快三和值表| www.092572.com-下载福建体彩软件| www.188566.com-爱彩乐手机版| www.266885.com-众彩之家下载| www.342800.cc-乐彩客app苹果版| www.425932.com-赢彩资讯-| www.553630.com-上海快三几点结束| www.622385.com-深圳福彩app官网| www.699860.com-大发手机购彩票| www.774891.com-幸福快3彩票| www.857026.com-基诺彩票的玩法| www.927939.com-青海快三投注| www.985609.com-安微快三爱乐彩| www.ia84.com-彩票坊能玩吗| www.s97.club-大家乐彩票加盟| www.730632.com-谁知道易彩快三计划| www.748101.com-旺彩双色球最新版本| www.858674.com-吉林快三黑彩的破解| www.412548.com-福彩计划员-| www.zi38.com-多盈彩票网站| www.865577.com-彩票中奖最多多少钱| www.276260.com-博彩返水是什么意思| www.vn90.com-内蒙古福彩领奖地址| www.1274.xyz-金7乐彩票开奖| www.220.cx-运彩app-| www.881166.com-赢家彩票官网邀请码| www.4192.cn-南粤风采好彩一开奖| www.m80.top-彩票站买一张挣多少| www.069045.com-百万彩票首页| www.593055.com-彩票赔率怎么算奖金| www.859816.com-甘肃快三最大遗漏值| www.89no.com-必赢注册送58彩金| www.37039.com-好彩票978-| www.761552.com-好彩妹是哪个电视剧| www.969.cm-双色球牛彩会| www.35225.cc-澳彩开奖结果查询| www.030394.com-口袋彩票一购彩大厅| www.262631.com-福彩试机号-| www.777643.com-网络福彩-| www.956297.com-高屏彩-| www.14zv.com-搜索彩宝贝| www.9610.cn-彩票买哪个容易中奖| www.001065.com-中彩网3b试机号| www.226821.com-快三什么游戏| www.450094.com-国家彩票有哪些种类| www.751592.com-购彩信誉平台| www.974675.com-福彩快3出豹子| www.wv01.com-糖果派对彩金标记| www.912.live-双色球彩票规律破解| www.22389.cc-结婚彩礼和嫁妆| www.220973.com-彩票助赢软件计划| www.657942.com-河内5分彩开奖网址| www.829439.com-西安福利彩票店转让| www.941236.com-彩票对冲套利方法| www.97622.cc-时时彩彩开奖结果| www.177104.com-快三秒男-| www.324062.com-天津福利彩票助手| www.37307.com-快三购彩平台是骗局| www.025670.com-安徽快三冷号| www.110429.com-新乐彩pk10计划| www.191088.com-吉林省快三遗漏| www.666428.com-乐彩站app官网| www.771103.com-暗黑破坏神3彩虹关| www.888211.com-淘彩网首页-| www.953720.com-金牛彩票出款难| TT彩票www.526087.com| www.ct5.com-分分快三是否真的| www.95jv.com-永胜理财彩票| www.8069.cm-小清新水彩花卉图片| www.68116.cc-最牛时时彩计划软件| www.272450.com-福彩跑马幸运走势图| www.934869.com-pg11苹果彩票| www.in79.com-山东福彩沙龙论坛| www.535.site-彩印门户网站| www.14cd.com-七星彩海直播| www.35935.cc-彩九经典梯形彩票| www.8316.wang-江西彩票管理中心| www.079963.com-彩票税收怎么收| www.259584.com-选号器下载快三广西| www.102177.com-北京五分彩开奖数据| www.172675.com-快三平台靠什么赚钱| www.318247.com-十字彩-| www.400371.com-五分彩怎么买| www.531778.com-中大奖彩票公式| www.987224.com-最近福利彩票站| www.xt0.cc-体育彩票快3下载| www.77.win-hk百彩网天空彩网| www.88nv.com-盛世彩票黑过钱吗| www.051120.com-上海快三和值跨度表| www.882960.com-头奖彩票惊人骗局| www.972136.com-383博彩-| www.dy45.com-澳客彩票电脑版首页| www.182688.com-北京快三一定牛预测| www.281757.com-双色球预测新彩网| www.94355.com-买pc彩票-| www.704633.com-福利彩票助手| www.467007.com-彩票买到几点结束| www.539784.com-彩票和值怎么买| www.604786.com-盛源彩票sy15| www.666869.cc-乐彩写真机怎么样| www.732835.com-中国体彩江苏官网| www.806398.com-亚搏足彩-| www.869782.com-唯彩会三d-| www.930375.com-福彩快3豹子规律| www.990730.com-旺彩百家软件| www.f21.biz-乐彩真的假的| www.42rf.com-x原彩显示-| www.350.tv-大胜彩票安卓最新版| www.034971.com-799彩票-| www.29379.cc-苹果网彩-| www.527100.com-博盈福彩是不是骗局| www.633233.com-怎么竞彩篮球少了| www.701202.com-首存送彩金2017| www.775093.com-福彩公益金是什么|