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天

知道了
亚洲28 www.952963.com-福利彩票网上购买| 58彩www.44458c.com| www.575793.com-大乐透彩票停售时间| www.704865.com-百度拍彩票查中奖| www.816084.com-众彩彩票首页登录| www.907237.com-天天彩选-| www.980021.com-体彩竞猜世界杯| www.pm2.cc-大发快三开奖规律| www.258597.com-福彩幸运快3官网| www.238816.com-陌陌彩票拖-| www.621155.com-凤彩网主页-| www.152984.com-分分彩后一稳赚技巧| www.324008.com-7乐彩免费推荐| www.689216.com-专业玩彩视频双色球| www.826179.com-福利彩票丑-| www.917721.com-彩虹六号战绩查询| www.990436.com-体彩排列三预测荐号| www.ym33.com-体育彩票查询大乐透| www.900.mobi-客彩网胜平负| www.8561.xyz-大乐透前区彩票杀号| www.42995.com-中国福彩3d中彩网| www.cai81.com-快三开奖查询| www.gi.cc-河南快三推荐预测| www.347068.com-超好看又漂亮彩铅画| www.529139.com-亿彩是什么-| www.636622.com-彩虹六号干员原型| www.762957.com-黑彩坐庄怎么判刑| www.893623.com-彩票组合软件下载| 名门彩www.33997c.com| www.pt20.com-佳缘网全是彩票托| www.932763.com-神圣彩票网址多少| www.oa2.com-手机48倍港彩网投| www.t26.club-七乐彩号码专家预测| www.60aj.com-玩时时彩输了怎么办| www.757624.com-淘彩联盟软件| www.898435.com-福利彩票结果怎么看| 购彩网www.917gc.com| www.645236.com-c彩霸王心论坛| www.735665.com-七星彩打规律奖率| www.833859.com-好彩2奖金-| www.910304.com-口袋彩票下载| www.980334.com-709彩票com-| www.cp7287.com-福利彩票内蒙快3| www.mt15.com-北京丹彩快三| www.520669.com-体彩随机中奖率高| www.675256.com-广东体彩金孔雀| www.792450.com-珠海彩店转让| www.900459.com-3d数字彩票投注通| 大赢家彩票平台www.756059.com| www.646751.com-足彩最实用赚钱方法| www.715707.com-两元彩票一般几位数| www.788041.com-稽山鉴水足彩博客| www.867579.com-七星彩今日预测号码| www.926967.com-体彩排列三预测号码| www.979301.com-易彩快3必中的技巧| www.cp1200.com-江苏快三计划手机版| www.274247.com-金鹰时时彩全天计划| www.613836.com-九龙呈祥六开彩结果| www.76789.cc-万景国际彩票网| www.1489.cn-c02彩票下载| www.862811.com-彩票开奖今晚| www.351393.com-彩鸿app骗局| www.559480.com-彩票网走势图首页| www.765856.com-淘宝彩票排列三| www.98793.com-竞彩混合投注预测| www.11637.cc-什么是平台彩| www.985649.com-淘宝快三购买| www.eg00.cc-大联盟彩票是骗局吗| www.022340.com-20选5彩票-| www.368044.com-手绘彩铅-| www.023298.com-五分彩怎么玩法介绍| www.791641.com-宁夏福彩中心新闻| www.937488.com-微彩是骗局揭秘| www.qp52.cc-中国福彩在线技巧| www.383.live-电子彩票中了怎么办| www.309959.com-体育彩票多久过期| www.386325.com-福利彩票网点利润| www.212227.com-瑞彩祥云邀请码| www.247311.com-平台彩票-| www.588959.com-足球彩票预测单场| www.8824.vip-彩票代理发展渠道| www.75651.cc-体彩大乐透模拟投注| www.371068.com-彩种丰富大奖频出| www.126564.com-湖北彩票换球案视频| www.237431.com-福彩七乐彩| www.311907.com-甘肃体育彩票走势图| www.391256.com-下载网易彩票app| www.573876.com-乐购彩票lgcp| www.51629.cc-好运彩彩票骗局| www.42856.com-王牌彩票新版下载| www.265875.com-河南省481彩票网| www.353362.com-是哪个人发明的彩票| www.452422.com-太原彩票站怎么办理| www.7913.wang-彩票大师苹果版| www.003587.com-为啥有钱人不买彩票| www.139337.com-辽宁福彩快乐十二| www.916299.com-重庆时时彩关闭时间| 中国福利彩票www.08588x.com| www.457666.com-恒彩88账号注册| www.815083.com-山东体彩手机版官网| 幸运彩票www.73166g.com| www.981578.com-国家彩票做假| www.22vq.com-南充福彩中心| www.6574.biz-仁和彩票-| www.791036.com-手机号选彩票| www.886612.com-360彩票合买大厅| www.64wq.com-万字软件万能大马彩| www.2394.shop-七彩阳光图片唯美| www.8488.in-时时彩怎样包码赢钱| www.622099.com-重庆时时彩助赢软件| www.730087.com-快三赌大小秘诀| www.798338.com-大彩鲸网页-| www.862299.com-k彩官网-| www.917879.com-彩虹宝宝音频| www.665559.com-最新七乐彩预测| www.745342.com-彩02下载-| www.737449.com-搜福彩三d开奖号| 福彩www.26878n.com| www.445967.com-推荐彩票预测软件| www.88985.cc-西安福利彩票店转让| www.62612.com-雪原足彩比分直播| www.fw06.com-福建福彩快三| www.469618.com-陕西福彩快乐技巧| www.309032.com-送彩金彩票娱乐平台| www.364563.com-世界杯微博竞彩| www.421065.com-双色球彩票怎么选| www.5604.cm-晓风彩票程序源码| www.758909.com-腾讯官网微彩| www.559961.com-七星彩神算子奖图纸| www.078900.com-彩票论坛中彩网论坛| www.88et.com-冠彩是什么-| www.0ql.com-七乐彩骗局-| www.3807.cm-开心彩票网交流区| www.zz26.cc-彩票终端机加盟| www.410516.com-唯彩会买彩票| www.041633.com-彩票长龙网站| www.738785.com-章鱼彩票交流群群号| www.879759.com-体彩实体店何去何从| www.463609.com-体彩3d走势-| www.574833.com-足彩十四场比分之5| www.561059.com-8828彩票网页| www.23885.cc-福彩6+1是几位数| www.73990.com-极速时时彩彩走势图| www.144456.com-竞彩体育app| www.385.website赌时时彩的下场| www.378447.com-恒彩国际-| www.825195.com-七星彩经典梦兆册| www.42xg.com-七彩网络怎么查成绩| www.019018.com-正规彩票网站送金| www.342011.com-福彩3d天行健| www.2hb.com-福利彩票买截止时间| www.2347.vip-彩票三d要出什么| www.506163.com-乐盈彩票提现不了| www.477445.com-彩神通开奖结果| www.548585.com-广州彩票12生肖| www.611271.com-真实的彩票程序开发| www.694434.com-头奖彩票最新情况| www.770681.com-彩96下载苹果版| www.822531.com-彩53彩票app| www.fd0.cc-老重庆时时开彩结果| www.799981.com-福彩3d彩民乐| www.970028.com-七彩球开奖-| www.ib31.com-安徽彩票领奖地址| www.066306.com-微信网络彩票|