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.85er.com-极速赛车是国家彩票| www.409559.com-大花猫3d彩报图| www.637385.com-七星彩梦兆图| www.716538.com-购力七星彩奖表| www.198157.com-青海福彩快三预测| www.395152.com-福彩每星期几开奖| www.018910.com-彩富网最快报码室| www.102393.com-台湾五分彩开奖结果| www.221060.com-红牛彩票-| www.5688.online天乐乐彩票网| www.45801.com-南洋彩开奖结果查询| www.95976.cc-彩票中心公积金| www.183009.com-安徽快三综合走势图| www.339308.cc-思乐彩票督导员| www.447552.com-彩票三地开奖号| www.809640.com-手机购彩合法么| www.902805.com-福彩3d跨度表走势| 福彩网www.5522z.cc| www.1698.shop-体彩31复式计算器| www.152529.com-什么软件能买彩票| www.380260.com-七乐彩中奖的歌九号| www.515681.com-领航彩app-| www.609331.com-体育彩票网点转让| www.707803.com-3d多彩网诗谜汇总| www.rc40.com-香港体彩走势图| www.de59.com-360彩票中心首页| www.254967.com-全天时时彩最准计划| www.662377.com-体彩七星彩时间| www.790043.com-青海体育彩票| www.001802.com-彩票如何定胆| www.935760.com-彩神3300uv-| www.061913.cc-人人买彩票安全吗| www.97ai.com-人生没有彩排事例| www.4364.xyz-甘肃省体育彩票网| www.uq11.com-福彩3d连线走势图| www.189288.com-宁夏福彩快三彩控网| www.67128.com-彩票兑换地点| www.058369.com-昆明味彩翠园| www.tm6.com-江西福利彩票| www.o35.net-彩票分析予测| www.966359.com-快三50该怎么倍投| www.db05.com-人人彩票网提现| www.55rl.com-5808万体彩-| www.wc21.com-七星彩预测推荐| www.719965.com-时时彩后三平刷技巧| www.865695.com-体彩19032-| www.947684.com-江西快三专家推荐| 福利彩票www.99677q.com| www.682686.com-福彩公益基金| www.787273.com-山东体彩扑克走势图| www.413256.com-台球彩八对战真人版| www.536311.com-竞彩比分怎么预测| www.616784.com-亚彩会注册平台网址| www.697731.com-彩票大赢家走势图表| www.770173.com-福彩2d中奖多少钱| www.838062.com-甘肃福彩快三跨度表| www.910341.com-时时彩全能做号工具| www.975624.com-江西彩礼会返还吗| www.fw2.cc-内蒙古快三遗漏号| www.928788.com-百乐彩客户端下载| www.863312.com-十六号体彩中奖号| www.766478.com-线上彩票代理加盟| www.567461.com-彩虹4号无人机| www.52863.cc-好彩网挣钱是真是假| www.103467.com-快三红号有哪些号| www.357648.com-网络彩票公司员工| www.397741.com-七星彩2281期测| www.1581.com-彩票收藏目录| www.38vn.com-甘肃彩礼-| www.659.red-微信关注看快三| www.008346.com-智慧彩票河南快三| www.212262.com-9彩官方app-| www.336040.cc-黑彩平台境外服务器| www.798438.com-福彩怎么看得奖| www.903382.com-上海快三和值跨度表| www.990089.com-排五杀号定胆彩经网| www.cc89.com-彩神v怎么样| www.au92.com-彩神3app-| www.we48.com-qq彩票网页版| www.937384.com-彩福大厦总楼层| 3G彩票www.c528.vip| www.833708.com-福彩好彩3开奖结果| www.496407.com-彩13网站安全吗| www.985829.com-福彩3d詹天佑预测| www.842933.com-公益彩票二十一选一| www.53vh.com-盈彩吧是什么意思| www.987198.com-购彩堂彩票是真的吗| www.977166.com-河南濮阳彩礼多少钱| www.4006.hk-西甲最大的博彩公司| www.822150.com-五个数的彩票| www.ep3.cc-快三复式买四码| www.zo54.com-赢钱彩下载-| www.2559.pw-网上可以购彩票吗| www.029455.com-澳客传统彩票| www.77115.cc-天玺彩票注册| www.33080.cc-极速时时彩开奖器| www.682010.com-微信足彩在哪里买| www.790176.com-炫彩是什么-| www.964709.com-真的彩票中奖故事| www.r87.cc-乐彩网骗钱-| www.274110.com-彩世界-| www.891059.com-优信彩票app下载| www.wk53.com-体彩中心电话号码| www.654570.com-彩友吧十大预测专家| www.sl88.com-uu快三单双技巧| www.954441.com-牛蛙彩票四不像图| www.707028.com-平台快三不给提现| www.236030.com-乐乐彩是真的吗| www.919335.com-彩票店如何做私庄| www.cs2.com-3d网上福彩投注站| www.003295.com-网上买彩票| www.021723.com-恒博彩票网骗局| www.592840.com-七彩阳光踢腿视频| www.654535.com-大彩彩票网-| www.800545.com-9万彩票官网新版本| www.894927.com-悠悠双色球购彩| www.979425.com-彩票7位数开奖结果| www.dc56.com-365彩票合法吗| www.f31.club-国乐彩彩票合法吗| www.830852.com-新彩网站手机网| www.898172.com-足球彩票买不了| www.977495.com-彩妆店赚钱吗| www.cp134.com-快三彩票骗局全过程| www.zm65.com-最新彩票网站| www.gy31.com-财神8彩票靠谱吗| www.7390.in-中国福彩宣传图片| www.14886.com-大赢家彩票是真的吗| www.699282.com-大发时时彩彩票| www.815393.com-快中彩中奖规则| www.885777.com-利赢国际彩票平台| www.72878.com-连中彩票旧版下载| www.114923.com-97彩票网软件| www.1216.vip-福彩开奖作假| www.117792.com-刮彩票有什么技巧| www.715414.com-四季彩平台登录网址| www.867072.com-v8彩票平台-| www.6924.biz-七星彩担杀-| www.007237.com-只送彩票彩金的平台| www.355686.com-足彩怎么交税| www.69660.cc-爱彩票网比分直播| www.287518.com-彩之家苹果-| www.60648.cc-竞彩258怎么样| www.et80.com-篮球彩票怎么选稳赢| www.1ei.com-网上彩票违法吗| www.7250.site-彩虹糖分类机| www.51225.cc-爱购彩票官方网站| www.035711.com-求幸运快三计划| www.838756.com-308彩票官网| www.931507.com-彩运8网页-| www.983034.com-博彩彩票平台下载| www.wi5.cc-青海福彩快三电视版| www.qp37.com-快三质和是什么意思| www.999039.com-彩乐汇彩票合法| www.lt62.com-分分时时彩计划软件| www.21jg.com-福彩app刷彩单| www.636180.com-彩虹六号要钱买吗| www.688767.com-天天彩票网登陆| www.780335.com-福彩开奖的顺序| www.866491.com-昨天的彩票是什么| www.946029.com-9彩网址-| 网易彩票www.26163t.com| www.kq87.com-彩票高手传授经验| www.u23.club-今日体彩开杌| www.76sz.com-七乐彩万能最佳组合|