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.676522.com-百度彩票查询| www.053911.com-网球彩票在哪买| www.vs98.com-福彩开奖彩票网| www.85ne.com-福彩3d365分析| www.6905.vip-广东彩王全年图| www.743173.com-糖果派对彩金图片| 通盈彩票www.848566.com| www.041996.com-国外彩票开奖号码| www.055365.com-陕西体彩快乐20分| www.9638.wang-彩易网福彩怎么下载| www.560172.com-棋牌现金游戏送彩金| www.378592.com-彩乐园彩票大师| www.566496.com-彩虹画太阳儿童画| www.34ib.com-摇摇乐彩票-| www.oh6.com-福彩和夸走势图| www.8878.tv-全民彩票注册官网| www.pl86.com-时时彩一期必中计划| www.604689.com-d9彩票被骗了| www.110031.com-北京单场体育彩票| www.802407.com-竞彩总进球数规律| www.972147.com-双色球彩票结果| www.ix41.com-内蒙古快三出什么号| www.31rx.com-星期天彩票开奖吗| www.7443.org-中国彩票谁监管| www.47684.com-体育彩票规律讲课| www.579207.com-双球彩票开奖的结果| www.pp49.cc-p3开机号家彩网| www.8mt.com-江苏省福彩发行中心| www.fl38.com-江苏福利彩票中心| www.879500.com-多乐彩怎么玩| 13e彩票www.809182.com| www.d28.cc-35彩票官网-| www.50099.cc-各种釉彩大瓶评价| www.029043.com-二元彩票3d走势图| www.py13.com-七天彩下载安装| www.030558.com-福彩定位双色球杀号| www.651926.com-吉林快三作弊软件| www.801232.com-彩票中奖不能兑奖| www.926381.com-江西时彩开奖记录| www.bg49.com-博彩app排名| www.61335.cc-709彩票时时彩| www.oy80.com-福彩布衣l-| www.44qw.com-竞彩最佳倍投方案| www.762938.com-傲赢彩票百度百科| www.850325.com-大奖分分彩在哪开奖| www.924935.com-也买彩是骗人的么| www.982950.com-玩彩票一天输一万| www.ic2.com-百姓彩票网-| www.76773.com-万优彩票安全吗| www.382625.com-买彩彩票-| www.910870.com-篮彩比分直播新浪| www.997195.com-福彩3d技巧偏差| www.bi24.com-快彩网是真的吗骗局| www.568346.com-红彩绘app下载| www.294191.com-01彩票能提现么| www.378656.com-好彩3复式计算器图| www.91156.com-日本加税好彩价格| www.25488.cc-福彩群英会玩法| www.862581.com-七乐彩19002| www.961564.com-福彩3d解太糊字迷| www.cai1977.com北京快三开奖就是牛| www.jy83.com-黑龙江有快三吗| www.zb49.com-前三彩票平台| www.29mv.com-海南七星彩代理卖奖| www.153.cc-什么彩虹歌曲| www.3481.xyz-天天中彩票可以| www.499891.com-网上投彩哪个网站好| www.604806.com-933彩票是否合法| www.700104.com-江苏福彩快3结果| www.812216.com-竞彩推荐哪家好平台| www.906186.com-彩色简笔画-| www.022521.com-彩票开奖预测分析| www.893922.com-爱投网彩票客户端| www.968089.com-于海彩票案疑点| www.cp3805.com-快三单双计算方法| www.998954.com-客哥说彩3d-| www.cp98.cc-购彩网站北京快三| www.766822.com-糖果彩刷彩票可靠吗| www.328674.com-彩之网下载-| www.69259.cc-足彩九场开奖结果| www.td71.com-中国福彩彩种介绍| www.663495.com-下载彩票软件网| www.170054.com-北京福彩快三走势图| www.ix56.com-中国体彩网下载| www.r18.shop-福彩3d购买平台| www.47vl.com-彩票技术书-| www.830718.com-万彩彩票计划| www.919711.com-彩票系统定制| www.978916.com-河南省福彩中心职工| www.hj7.cc-安徽快三中奖奖金| www.770318.com-好彩软红-| www.182629.com-尊彩网骗局-| www.294522.com-河北快三连开30期| www.469809.com-外国的足球彩票| www.ep25.com-大发快三外挂| www.548097.com-大发分分彩不能玩| www.85050.cc-今天彩圣字谜总汇| www.358734.com-体育彩票6加1开奖| www.518422.com-中彩网双色球热议| www.621922.com-福彩3d开奖号| www.706141.com-约彩365官网| www.777526.com-天天乐彩官网下载| www.865789.com-熊猫彩票8-| www.936608.com-溢彩年华-| www.990730.com-旺彩百家软件| www.zt29.com-足球彩票规则及玩法| www.33ou.com-七星彩9872-| www.470606.com-乐彩网摘一乐彩网| www.573990.com-彩票双色球中奖秘密| www.685032.com-1216彩票网站| www.26qg.com-如何加盟福利彩票| www.1962.wang-彩吧图库红五牛材网| www.9472.vip-体彩排列3图谜总汇| www.38679.cc-分分快三和值技巧| www.57391.cc-立彩助手邀请码| www.3682.cn-a3彩色复印打印机| www.3mh.cc-彩奕颂官方旗舰店| www.cp027.com-河南快三跨度走势图| www.234034.com-体彩天下平台| www.196201.com-彩票万能预测软件| www.428587.com-彩票的利弊百度文库| www.539079.com-时时彩开奖图表| www.605188.com-快三漏洞研究| www.678910.com-足球500竞彩| www.736721.com-福彩全麦必中解太湖| www.7iv.com-大庆彩票站出兑金额| www.91qa.com-我想举报01彩票| www.4966.vip-中彩网双色球地址| www.652972.com-分分彩计划6码| www.092378.com-乐8彩平台下载苹果| www.190455.com-安徽快三彩票| www.32uh.com-南宁体育彩票站| www.383736.com-彩客网老版本| www.506272.com-彩票dna分析器| www.586162.com-福彩3d九宫格图| www.672350.com-默彩七星彩-| www.773176.com-福彩三d缩水| www.878387.com-时时彩任三单式诀窍| www.941667.com-凤凰彩票网-| www.984521.com-彩8怎么下载| www.eg60.com-体彩大乐透开奖时间| www.150836.com-玩彩票不贪心会赢吗| www.150260.com-57彩票app-| www.597282.com-奇妙时时彩软件下载| www.47dm.com-七乐彩201走势图| www.02963.com-爱中彩票-| www.452665.com-彩吧图一继第五版| www.295019.com-5分彩官方网站| www.099009.com-杀号定胆南方双彩网| www.210502.com-快三大平台-| www.862278.com-k彩手机版下载安装| www.235044.com-天天中彩票1| www.303673.com-鑫彩网能提现吗| www.365258.com-香港彩票报刊大全| www.52872.cc-七彩捞腌菜游戏下载| www.544400.com-第一块彩-| www.549895.com-好彩票是骗人| www.096697.com-众彩网程远预测汇总| www.1987.me-赌足彩-| www.747599.com-爱尚彩app下载| www.1044.xyz-买七乐彩票开奖结果| www.347008.com-天天彩4选开奖| www.85vj.com-彩66金鹰计划网页| www.1930.wang-金亚洲彩票下载|