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.9374.com-去国外彩票公司工作| www.88044.com-彩票不能提现警察| www.w30.vip-分分彩万最长龙| www.258644.com-足彩胜负开奖| www.hg00.com-福建省福彩快3测算| www.448398.com-上海快三计划官方吧| 彩之堂www.33czt.com| www.gp1.cc-168彩票.com| www.1473.cn-七彩玫瑰含义| www.1137.in-名人彩票靠谱吗| www.8222.ren-澳门福利彩票足彩| www.41528.com-彩票如何刷流水| www.pg01.com-97彩票一分快三| www.219742.com-正规网上购彩网站| www.551521.com-靠谱彩票台子| www.848506.com-时时彩查询开奖结果| www.965648.com-亿彩彩票钱提现不了| www.ev28.com-大奖彩票官网网址| www.47ga.com-七乐彩定位走势| 大赢家彩票平台www.810726.com| www.432.la-竞彩能当成职业吗| www.800401.com-诸暨福彩网点查询| www.922825.com-彩钢瓦围挡图片| www.984309.com-中国的彩票能买吗| www.ip48.com-奥客网竞彩足球| www.wj34.com-看彩票走势图的方法| www.502087.com-彩票平台制作教程| www.426055.com-极速三分彩人工计划| www.1916.top-合肥体彩店什么赚钱| www.535120.com-全民彩票时时彩| www.627653.com-今日福彩三强图谜| www.710196.com-每天首存送彩金平台| www.789163.com-足彩中奖怎么算奖金| www.865570.com-澳客足彩比分直播| www.954632.com-国外彩票网站合法吗| 彩61www.097968.com| www.jb16.com-辽宁福彩官网| www.095067.com-网上买3d彩票| www.988374.com-副利彩票机选| www.pd94.com-体彩排列7-| www.186514.com-旺彩app-| www.306296.com-哪个彩票平台靠谱| www.232539.com-足彩2串1不败公式| www.925219.com-彩代表什么-| www.052959.com-竞彩足球彩票下载| www.688543.com-下载彩81app| www.763175.com-下载富贵彩票| www.828245.com-红包彩票app下载| www.894161.com-什么彩票中奖率高| www.959847.com-荷兰三分彩开奖公告| 大赢家彩票平台www.689631.com| 博友彩www.978951.com| www.69187.cc-腾讯分分彩人数在线| www.262925.com-彩票微信群-| www.886327.com-王者彩吧app| www.as72.com-福彩有5d吗-| www.cm91.com-吉林快三精准计划| www.m15.net-乐彩网怎么注册| www.76do.com-福彩七乐彩派奖规则| www.719785.com-体彩玩法规则和玩法| www.ll56.com-今日中彩靠谱吗| www.366454.com-高档彩票店-| www.k22.top-双色球彩票指南| www.zj94.com-彩票幸运号码生成器| www.07452.com-时时彩官方公告| www.044127.com-致富彩哪里可以下载| www.192470.com-江苏快三经验| www.012636.com-南国彩票论坛海口| www.979108.com-足球足彩网比分直播| www.am42.com-天律快三开奖| 鑫亿彩www.097079.com| www.qg27.com-8亿彩官方下载网址| www.039234.com-优博2时时彩客服| www.466422.com-竞彩改革-| www.079084.com-足彩的玩法介绍| www.xl10.com-鑫彩网是黑彩吗| www.526317.com-天津时时彩手机开奖| www.374618.com-好彩门戶开奖结果| www.772294.com-pp彩票合法吗| www.jj44.com-2020彩票-| www.2001.cc-500彩票数据网| www.841444.com-彩票名片-| www.909606.com-彩票三d开奖结果| www.972641.com-春天美景彩铅画| www.fh94.com-用手机买彩票怎么买| www.zr34.com-福利彩票怎么看的| www.50nv.com-开彩票站挣钱吗| www.1333.vip-怎么举报私彩| www.7262.com-小鸡彩虹里面的歌曲| www.595113.com-体彩双彩论坛三句话| www.mh65.com-时时彩图片-| www.271323.com-亚太好彩爆珠| www.356633.com-酷彩吧客服-| www.441896.com-七星彩遗漏数据| www.525120.com-可以玩圣地彩的台子| www.585726.com-appcp彩票真假| www.659730.com-七天娱乐时时彩平台| www.726226.com-福才3第今日福彩| www.804557.com-彩票源码演示站| www.887356.com-体育彩票算赌博吗| www.985374.com-老时时彩下载手机版| www.dl92.com-体彩玩法-| www.yd94.com-七星彩专家预测杀码| www.51kx.com-福彩投注站查询| www.267.biz-七星彩买的人很少吗| www.5081.vip-现在足彩合法app| www.381678.com-福彩35期开奖号码| www.627207.com-虎扑彩票-| www.563199.com-台湾彩券今彩539| www.630938.com-海口体彩飞鱼地址| www.763996.com-看彩神客专家专栏| www.962517.com-富贵彩票网人工计划| www.038053.com-爱购彩旧版本| www.hm87.com-时时彩定一胆方法| www.539045.com-乐盈彩下载-| www.163013.com-好彩运大发快3| www.015761.com-七星彩购买-| www.hk32.com-买彩票怎么赚钱| www.241213.com-下载河北快三投注| www.416998.com-安卓版彩19-| www.612270.com-大乐透彩票初几上班| www.990594.com-南京彩票店转让| www.01ge.com-彩票到底真假| www.28356.cc-镇江市体彩中心网站| www.509526.com-彩宝网开奖走势图| www.626833.com-信发彩票app| www.705240.com-福彩天气网保真| www.801026.com-体彩3d二元网| www.868966.com-今天福彩3d开机号| www.947673.com-马云阿里巴巴彩票| 600彩票www.336766.com| www.nc72.com-乐迷彩app-| www.604144.com-688彩票例行审核| www.238234.com-河北快三和值推荐| www.490473.com-七星彩三字定位包法| www.474172.com-腾讯分分彩倍投方案| www.582808.com-彩票技术培训| www.696309.com-二分时时彩计划| www.800096.cc-竞彩足球比分直播网| www.902972.com-陕西福彩app下载| www.983429.com-贵州彩票17中奖| www.mi66.com-好彩app官网下载| www.11tc.com-彩天下是真的假的| www.93ox.com-天津黄埔快三| www.4504.top-竞彩自由过关玩法| www.603910.com-三a彩票-| www.825723.com-山西益安快三| www.258654.com-足彩竞猜实时比分| www.415765.com-河北快三怎么买| 500彩票网www.903029.com| www.2697.cn-c77彩票下载| www.836767.com-727彩票-| www.697686.com-时时彩总和大小技巧| www.796438.com-彩票中头奖秘诀图| www.877122.com-七乐彩专家下期开| www.956710.com-竞彩网欧赔-| www.dq6.com-彩种最全的彩票平台| www.9011.in-体彩综合版-| www.77268.cc-那种福彩中奖率高| www.87133.com-彩宝贝3d杀号| www.19391.cc-体育足球竞彩网首页| www.324802.com-游客在国外买彩票| www.349674.com-购彩用什么软件好| www.715975.com-彩票双色球软件|