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.925511.com-旭彩app下载| www.128442.com-重庆福彩网刮刮乐| www.381077.com-七乐彩什么时间开奖| www.397783.com-足彩比分推荐大神| www.543679.com-足球彩票算不算加时| www.882190.com-五分彩合法吗| www.965394.com-大发快三输钱| www.cai9477.com北京快三连线走势图| www.ly40.com-青海快三昨天走势图| www.k75.org-马尼拉2分彩走势图| www.623876.com-彩票解码器软件下载| www.45943.com-11选5官方彩票网| www.04bs.cc-彩票平台刷返点| www.159.cn-五洲彩票受骗| www.44329.com-全民彩怎么样| www.99545.cc-杭州福彩中心在哪里| www.063213.com-湖北快三查-| www.906575.com-彩票app名字| www.794522.com-足彩博彩-| www.897979.com-体彩宣传图片| www.985770.com-天空彩票与你同行| www.bz81.com-湖北快三太假了| www.07607.com-七星彩守号码| www.471888.com-现代中彩票类的小说| www.954832.com-七号彩票-| www.09792.com-中国山东彩友沙龙| www.71156.cc-福彩领奖规则| www.169336.com-快三彩票计划骗局| www.854508.com-必中快三app| www.960658.com-有彩金送的彩票网| 必中彩www.864876.com| www.dd62.com-买马王中王彩图| www.15737.cc-儿童学彩铅的好处| www.650415.com-简单日落水彩画| www.352291.com-举报黑彩平台| www.31184.com-新彩网3d字迷| www.466607.com-彩经网七乐彩开机号| www.628593.com-广东好彩36机选号| www.753153.com-安装彩钢板-| www.879228.com-8忆彩下载-| 500万彩票www.w593.com| www.cc19.cc-吉林快三盘在哪买| www.h78.cn-澳洲3分彩开奖结果| www.2jm.cc-彩皇网乐彩-| www.192747.com-福彩3d35期开奖| www.298307.com-冀彩宝app下载| www.378847.com-金百博彩民-| www.599485.com-彩票怎么能中大奖| www.066616.com-2018博彩论坛| www.539128.com-时时彩高奖金平台| www.509125.com-彩16正规吗-| www.652779.com-梦见的彩票号码| www.764323.com-下载乐彩彩票app| www.948605.com-彩票发行中心| 中国福利彩票www.33588y.com| www.608974.com-中国体彩七星彩奖历| www.527144.com-重庆时时彩三星| www.676571.com-福利彩票销售排名| www.768050.com-最新足彩十四场比分| www.844875.com-体彩甘肃11选| www.915736.com-彩票店怎样加盟| www.982334.com-日本彩票有哪几种| www.ar17.com-体彩竞衫-| www.tz58.com-彩票屠龙的解释| www.413686.com-台球彩8对战| www.7953.loan-重庆时时彩开奖接口| www.30230.com-辽宁体彩大奖| www.51jz.cc-体彩排5走势图| www.9541.biz-台湾四星彩-| 博友彩www.921677.com| www.041999.com-运用时间差玩时时彩| www.220793.com-大奖彩票下载| www.121621.com-彩票历史开奖查询| www.161161.cc-中国福建体彩报| www.983212.com-足彩竞彩下载| www.gx06.com-江苏福利彩票| www.10559.com-竞彩足球让分胜平负| www.vx73.com-快三开奖倍数| www.727923.com-亿彩网手机平台登录| www.396906.com-下载中彩网app| www.781479.com-海南七星彩直播开奖| www.878997.cc-金彩彩票app| www.954569.com-彩宝彩票是合法的吗| www.ba87.com-大发快三和值走势| www.19581.com-北京福彩论坛去哪儿| www.035117.com-qq7彩票官方网站| www.410450.com-春天彩票骗人吗| www.63fv.com-上海天天彩开出号| www.126785.com-彩票数据统计工具| www.08970.com-河南福利彩票公众号| www.56748.cc-盈彩票app-| www.661988.com-足球竞彩可靠吗| www.735333.com-7星彩概率-| www.809869.com-中彩票官-| www.616995.com-吉林福彩快三图标| www.682703.com-国家授权彩票app| www.423677.com-星彩可爱-| www.67359.com-体彩历史走图| www.036782.com-彩票榜下载苹果版| www.66sj.com-快三豹子111前兆| www.cai755.cc-五分快三免费计划| www.655430.com-八亿彩怎么玩赚钱| www.775560.com-彩富之家-| www.843468.com-中国体彩公益口号| www.899880.com-聚彩彩票app| www.957925.com-原福彩中心主任| 幸运彩票www.5095y.com| www.855177.com-uc彩票ios-| www.945130.com-体彩阿四提供| 九五彩票www.95222w.com| www.is63.com-体育彩票6?1| www.37378.cc-棋牌游戏注册送彩金| www.115649.com-大发彩票开奖| www.655554.com-2018彩票08期| www.053.in-体彩开奖历史| www.886889.cc-凤凰彩票是否合法| www.993228.com-足彩基本知识| www.xc9.com-彩吧论坛牛彩摘摘网| www.nj91.com-内蒙古快三和尾振幅| www.80zl.com-一三五台湾福星彩| www.97fd.com-博有彩下载-| www.657464.com-e777乐彩下载| www.477323.com-新粤彩报纸2019| www.jy11.com-七星彩复式怎么玩| www.3lp.com-舍彩女装旗舰店天猫| www.6222.vip-三分彩简介-| www.820623.com-福利彩票摇奖直播| www.900648.com-玩彩老头-| www.963516.com-三d乐彩网首页| 发彩www.50732r.com| www.ks71.com-那个平台能买快三| www.yj55.cc-彩38app-| www.13nu.com-体彩20选五走势图| www.ai66.com-福彩一个月开奖几次| www.667950.com-新快报彩票金钱豹| www.73873.cc-世界杯那里买彩票| www.039673.com-玩高频彩票的后果| www.78373.com-七乐彩4拖7多少钱| www.094368.com-14彩票-| www.188477.com-内蒙古11选5彩票| www.409944.com-鸿运彩票安全吗| www.510666.cc-彩虹谷-| www.410688.com-天天中彩票下载不了| www.507256.com-彩神争霸网页登录| www.450021.com-篮彩竞猜网站| www.711250.com-竞猜足彩分析预测| www.192091.com-福彩3d和值表区| www.271068.com-彩77官网-| www.257376.com-校长3d福彩预测| www.659248.com-七乐彩单式开什么| www.436689.com-彩票什么比较好| www.976431.com-银川彩礼2018| www.fl03.com-97彩票下载手机版| www.vd99.com-大发快三邀请码98| www.135526.com-农村开彩票店怎么样| www.222754.com-极速快三登录网址| www.081769.com-宝盈娱乐彩票平台| www.740020.com-福利彩票有几个号码| www.819078.com-彩票追加和双倍区别| www.877717.com-彩票改革-| www.13fe.com-亿彩彩票注册| www.0467.org-亚洲五分彩是真的吗| www.300023.cc-中国官方彩票软件| www.ex46.com-时时彩开奖助手|