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天

知道了
彩01彩票 www.237572.com-快三倍投方案| www.927028.com-一段话猜生肖的彩票| www.cp5969.com-快乐彩开奖结果查| www.a52.space-江苏快三电视走势图| www.833020.com-福利彩票摇号机| www.819046.com-福彩3d开始坑人了| www.954757.com-彩票号码怎么出来的| www.hm91.com-北京福彩快三走势坉| www.21es.com-足球彩票中奖结果| www.dk45.com-彩票人工计划网| www.88469.com-87体育彩票-| www.42kq.com-双色球彩妹杀号公式| www.457234.com-关于彩票的名言| www.587748.com-分析彩票的软件| www.715570.com-我要跳快三慢跳| www.956082.com-万豪彩票助手苹果版| www.9ew.com-体彩大乐透最大数字| www.303.org-彩票官司视频| www.222096.com-七星彩推荐一注号码| www.333668.com-年会送员工彩票| www.998040.com-258彩票网站| www.06883.com-新3d彩票计划全能| www.0624.com-滛三国梦想星彩无惨| www.59qp.com-九万彩票网址| www.3112.com-云南彩票弃奖一览| www.487241.com-天天彩4中奖介绍| www.788529.com-胜负彩数据分析| www.913211.com-中国重庆彩票官网| www.502057.com-有没有职业买彩票的| www.067673.com-博彩刷流水-| www.718386.com-彩虹翻唱-| www.827883.com-约彩365苹果下载| www.t01.com-可以合买的彩票网站| www.47vb.com-爱彩网app真实吗| www.563967.com-极速快三实时计划| 国彩网www.guocai667.com| www.64366.com-立博足彩app| www.65cg.com-福彩3d19030| www.100228.com-互联网销售彩票工作| www.023616.com-时时彩3第-| www.122566.com-福彩旗下的彩神网| www.188582.com-038彩票官网| www.254877.com-湖北快三今天推荐号| www.640137.com-遂宁福彩地融资公司| www.575738.com-99彩票下载地址| www.689281.com-七乐彩复式怎么打| www.jq4.cc-481体彩-| www.902345.cc-360购彩-| www.989823.com-人人中彩票登陆不上| www.ct19.com-黑彩平台排行榜| www.758101.com-福彩双色球奇葩号| www.838091.com-五百万竞彩比分| www.914447.com-瑞彩祥云视频| www.973857.com-江苏彩票中奖新闻| www.cai4277.com内蒙快三开桨| www.37lt.com-惠彩乐购官网| www.059678.com-彩票开奖日时间表| www.2428.pw-海口快三彩票| www.024545.com-竞彩1球最稳的买法| www.287521.com-贵州福彩三地推荐| www.003946.com-彩票输太多-| www.517923.com-福彩管理中心地址| www.ut74.com-甘肃快三号码推荐| www.444120.com-众彩网南宫傲预测| www.562932.com-体育彩票直选3开奖| www.5970.me-我要看体彩排列三| www.7775.hk-专业彩票师心得| 福彩www.2109l.com| www.xy18.com-d9彩票d9cc-| www.979475.com-彩金风暴-| www.886000.com-彩虹的约定简谱| www.50wx.com-彩合网昨晚开什么码| www.30jo.com-今天那些彩票开奖| www.11236.cc-手机买足球彩票| www.09522.com-中国移动官方彩票| www.03466.com-网络彩票该怎么戒掉| www.71cx.com-中国福利彩票发行| www.1730.com-腾讯分分彩五星复式| www.92219.cc-本期四不象彩图| www.s70.cn-体彩排列三投注| www.56jh.com-贵阳体彩网-| www.396435.com-中国彩票都是内定| www.571721.com-快三一码技巧| www.i13.me-彩票开彩票开奖结果| www.81kt.com-竞彩单场套利| www.5552.date-体彩跨度7是什么| www.20550.com-九度彩票可靠吗| www.723720.com-彩票亿元大奖如何出| www.805938.com-购彩大厅c99彩票| www.876685.com-香港正版挂牌彩图| www.937561.com-最好的彩票平台源码| 爱彩乐www.ac9922.com| www.027674.com-上海基诺彩票奖项| www.nd9.com-湖北快三查询| www.m05.org-快三套选-| www.89fe.com-新浪足彩首页| www.6692.pw-好堂彩开奖现场| www.73zg.com-福彩排五开奖公告| www.0987.net-优彩彩票打不开| www.5447.me-华夏彩票怎么样| www.04700.cc-球彩app-| www.46833.com-手机玩时时彩的软件| www.125911.com-体彩排列三开奖公告| www.444482.com-老品牌明发彩票| www.07.net-神州乐彩是不是黑网| www.868699.com-私彩骗局-| www.961005.com-安徽快三一共多少期| www.ct00.com-500彩票网的骗局| www.x01.cn-时时彩买个好| www.020977.com-今福彩3d开奖| www.260217.com-彩票站投诉热线| www.028297.com-彩网在线视频| www.8830.net-南方彩票彩-| www.63sk.com-彩票最新-| www.589644.com-最准的足彩预测专家| www.239626.com-彩票大小单双打法| www.628810.com-福彩奖池金额| www.751028.com-彩开奖记录-| www.809804.com-955彩票安全吗| www.886999.com-福利彩票3d往期| www.40se.com-新大陆彩票走势| www.1525.in-克市红山体彩| www.35284.com-如何加入微信群彩票| www.0988.top-彩票客服干嘛的| www.89303.com-查询彩票助手软件| www.id99.cc-江苏快三在哪里买| www.766387.com-3d福彩藏机图今天| www.323793.com-七乐彩在线机选一注| www.591114.com-澳门彩票电脑版| www.3009.cm-香港酷彩专柜| www.247663.com-上海快三遗漏速查表| www.542562.com-乐彩网排列五推荐| www.576740.com-彩票app送28| www.772945.com-最佳彩票投注平台| www.7654.ren-中国体育彩图库| www.m95.cc-如何举报黑彩票网站| www.1021.vip-壹玖玖彩票-| www.377802.com-男结婚给女方彩礼方| www.849918.com-时时彩一分钟开一期| www.983775.com-99彩店-| www.16eq.com-体彩358开的啥| www.71785.com-3d银海彩票工| www.691782.com-14场胜负彩票投注| www.820073.com-买彩票能挣钱吗| www.909258.com-天津五分彩开奖| www.7188.me-七彩阳光第二段视频| www.028582.com-黑彩快三应该咋玩| www.015654.com-彩票密码线-| www.5757.in-体彩七位数技巧| www.5910.vip-廊坊体育彩票| www.893949.com-彩牛彩票网安全吗| www.971574.com-今天什么彩票开奖| www.cp7373.com-湖湖北快三走势| www.76698.cc-机选800注彩票| 六福彩票www.66ffu.com| www.537685.com-颜料七彩色-| www.637310.com-彩虹无人机出口量| www.557197.com-网络彩票代理证据| www.688033.com-掌上彩票最新版下载| www.465666.com-旋子彩画手绘构图| www.595697.com-领奖彩票下载| www.289753.com-快乐彩34-| www.465905.com-分分彩漏洞在哪里| 凤凰彩票www.66652n.com|