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.716528.com-海上日落彩铅画| www.935750.com-中富系统一分钟快三| www.865.xyz-福彩最大值振幅走势| www.071599.com-108官网彩票平台| www.253125.com-时时彩平台招代理| www.qp82.cc-彩票店5元刮刮卡| www.132811.com-彩票顶呱刮怎么注册| www.713234.com-快三每天提现| www.433077.com-遵义买彩票-| www.713762.com-体育彩票纸-| www.876581.com-彩票刷水套利| www.984118.com-75彩票山鹰团队| www.ts40.com-合买彩票软件| www.34cv.com-时时彩开发制作| www.918823.com-亚洲慱彩app| www.676266.com-体彩七位数几点截止| www.86rp.com-网卡彩票害人| www.4868.vip-刮彩票中奖-| www.371088.com-新世界彩票平台| www.589129.com-成都市体彩中心地址| www.750428.com-九歌彩票app下载| www.34wb.com-35期7星彩-| www.914.cc-临沂福利彩票中奖| 6678彩票www.2588cai.com| www.mo89.com-七乐彩拖胆玩法介绍| www.8vg.com-体彩大神跟单| www.04720.com-公益时报中华彩讯| www.6935.top-七彩光谱-| www.572871.com-86人工彩票计划| www.709020.com-彩票官方公告| www.v78.org-体彩二等奖兑奖地点| www.724900.com-网上赌彩-| www.807335.com-香港正彩霸王料| www.884908.com-体育彩票投注网站| www.956443.com-富贵彩害死了| 百姓彩票www.bxcp3.com| 500彩票www.51515v.com| www.540759.com-崩坏3全彩福利本子| www.244659.com-彩票助手软件靠谱吗| www.270697.com-彩77官方下载| www.96367.cc-河北体彩排三预测| www.790868.com-体育彩票选号助手| www.865517.com-御彩轩人工计划软件| www.928788.com-百乐彩客户端下载| www.980573.com-成功彩票平台可靠吗| www.cp5773.com-快三害死人-| www.145062.com-注册送彩金18| www.715596.com-惠东彩票店转让出票| www.818459.com-有没有彩票高手| www.02hh.com-奶粉罐彩虹涂色| 红鹰彩票www.hy6939.com| www.995554.com-购彩之家为什么关了| www.kw96.com-福彩有假吗-| www.8yo.com-彩经网湖北快三| www.81ef.com-彩易网3d字谜总汇| www.2210.website360老时时采彩| www.7940.vip-彩宝有哪些-| www.nn09.com-老郑足彩任九| www.481084.com-彩印包月-| www.598737.com-七星彩历史开奖至今| www.739424.com-999彩票网下载| www.828630.com-7072彩票下载| www.906771.com-江西快三是合法的吗| www.516444.com-中发彩-| www.595891.com-快餐彩票什么| www.688904.com-105彩票官方| www.771753.com-福彩三专家欲将奖号| www.862503.com-体彩票开奖直播频道| www.929630.com-老9乐购彩票下载| 天天彩票www.2373j.com| www.ht33.com-体彩快中彩玩法| www.4193.com-七彩云染化电商| www.833535.com-福彩平台算违法么| www.511464.com-足彩外围推荐官网| www.513508.com-三彩凤头壶-| www.58151.cc-彩金是什么意思| www.362.in-必胜彩票-| www.827451.com-福彩3d作假事件| www.817510.com-福彩30期开奖号码| 盛彩网www.41518m.com| www.08180.cc-彩票投注站怎么样| www.115086.com-福利彩票开獎| www.678921.com-米兜彩票官网| www.972632.com-广东竞彩网-| www.72jv.com-足彩胜负14场投注| www.973931.com-老快三线上投注平台| www.2539.pw-什么是打彩票| www.334222.com-私彩怎么找玩家| www.6854.xyz-无嘴好彩图片| www.885491.com-七星彩中奖号码| www.282663.com-内蒙福彩快三预测| www.381884.com-大家乐彩票注册| www.331365.cc-贵州福彩快app| www.446999.com-黑网站和重庆时时彩| www.624001.com-体育彩票排例5| www.767185.com-双色球彩界精英| www.927663.com-福彩中几位数有奖| www.az81.com-彩票500-| www.137585.com-手机购彩吧-| www.768708.com-福泰娱乐快三| www.019744.com-铜胆中彩专家| www.tb0.com-彩经网走势图| www.955487.com-体育彩票销量排行| 世彩堂www.5854j.cc| www.533231.com-外国数学家破解彩票| www.640351.com-两分彩开奖号码| www.51229.cc-猜单双的彩票平台| www.126644.com-鸿运五分彩走势图| www.707022.cc-福彩十二生肖下载| www.807377.com-天吉网福彩论坛| www.649827.com-彩虹跑玩法-| www.4225.xyz-优乐彩app软件| www.52517.cc-好彩彩票下载官方版| www.005917.com-河内时时彩在线计划| www.719293.com-澳门十分彩官网下载| www.794655.com-彩票端app邀请码| www.613046.com-双色球彩票直通车| www.310304.com-手机购彩平台哪个好| www.431839.com-福彩多少钱一张| www.488046.com-七乐彩7期开奘结果| www.561723.com-鸿发彩票平台| www.631092.com-怎么算足彩中奖| www.689365.com-齐鲁彩票七乐彩开奖| www.806863.com-香港热门平台彩票| www.886202.com-大地彩票下载| 众发彩票www.787zf.com| www.52yb.cc-91彩站联盟官网| www.3841.xyz-大地彩票-| www.46053.cc-云彩在线彩票| www.389.live-旺财彩票官app| www.59bh.com-彩票开奖查淘| www.899812.com-快三有几种玩法| www.966087.com-山东福彩助手app| 9号彩票www.80767j.com| www.ep07.com-网上快三赌博| www.f94.loan-外国人在美国中彩票| www.45660.com-博彩群-| www.98983.cc-时时彩玩法图片介绍| www.505396.com-ig传统彩pk10| www.600197.com-不买彩票还想着中奖| www.965132.com-彩票江苏七位数| www.cp3235.com-福彩快三代理是什么| www.992937.com-360福利彩票| www.zc53.com-传奇大发快三| www.4469.top-彩票投注站如何盈利| www.925012.com-彩应用-| www.jx02.com-如何破解数字型彩票| www.15ny.com-彩票店如何组织合买| www.206644.com-神舟彩票登录| www.018750.com-如何下载福彩双色球| www.099670.com-盈彩的试玩彩票取出| www.623816.com-14场胜负彩app| www.729724.com-彩票一等奖p图| www.813464.com-浙江福彩官网首页| www.928309.com-趣彩彩票官网| www.899671.com-天天彩票新址| 彩客网www.030310.com| www.038.cm-兼职彩票代玩| www.919342.com-凤凰彩票可信度| www.ob12.com-黑客玩时时彩稳赚| www.am01.cc-河北快三36期| www.zn54.com-微信彩票竞猜好恐怖| www.870179.com-上海快三一共多少期| www.a59.club-彩民中奖心得|