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.390515.com-熊猫彩票兼职靠谱吗| www.31589.cc-麒麟足彩-| www.27774.cc-福利彩票红区中两个| www.1532.cc-内快三开奖结果| www.967569.com-体彩大乐透选号| www.57375.com-下载澳客网竞彩| www.025791.com-呼市福利彩票| www.119557.com-买彩票怎么发朋友圈| www.4le.cc-彩票一亿-| www.192312.com-福利彩票35期| www.14ub.com-七星彩澳客杀号| www.25971.cc-彩虹颜色含义| www.79564.com-体彩北京单场| www.050297.com-彩票报纸在哪买| www.136113.com-彩票3000万软件| www.587645.com-快三判断冷热号| www.706381.com-山东体彩网技巧论坛| www.522905.com-怎么计算时时彩周期| www.105323.com-龙虎和时时彩软件| www.502183.com-买体育彩票技巧| www.383659.com-彩久极速pk10| www.581002.com-57彩票开奖结果| www.675377.com-解太湖福彩-| www.755176.com-高彩中彩-| www.61089.com-国际福彩5分钟| www.751250.com-淘彩赢-| www.906884.com-高频彩技巧论坛| www.bu5.com-好彩一生肖数字表| www.60ca.com-91联盟彩票官网| www.4223.in-彩吧开奖公告| www.197760.com-福彩3d交流讨论区| www.571144.com-青蛙彩网站-| www.005397.com-体彩31选开奖号码| www.111616.cc-广发彩票平台怎么样| www.239596.com-快三赌博案例吉林市| www.961109.com-6363天下彩票| www.at99.com-多宝彩票平台下载| www.44292.com-3彩短外套羽绒| www.348675.com-657彩票网址登陆| www.6156.top-香港马彩开奖网站| www.60567.cc-51彩店靠谱吗| www.6262.hk-彩票洗黑钱-| www.727712.com-火云福彩3d-| www.dp90.com-快三靠谱吗-| www.pz55.cc-彩盈注册网址| www.ul7.cc-褔彩体彩开奖结果| www.50775.com-代理商私彩赚钱吗| www.121556.com-郑州彩民中奖| www.6924.cn-七彩阳光体转运动| www.72604.com-彩29网站-| www.104091.com-香港几种彩票| www.245852.com-k彩易彩快三技巧| www.424844.com-重庆时时开彩结果老| www.82815.cc-搜狐彩票下载| www.917252.com-网络彩票成瘾的危害| 博乐彩票www.35918s.com| www.171815.com-贵州体育彩票彩种| www.075499.com-江西上饶体彩销售点| www.xq7.com-3d彩吧图库-| www.585728.com-爱彩乐天津11选5| www.127998.com-彩虹mv-| www.ql72.com-立彩app苹果| www.889135.com-大发快三能猜中数字| www.579132.com-福彩有人中过吗| www.39355.cc-犀牛彩票下载| www.86500.com-河南福利彩票三d| www.879121.com-乐享彩票-| 天天彩票www.7782j.com| www.930464.com-彩票1亿个税| 亿彩堂www.986282.com| www.376851.com-福彩3d走试图转版| www.800912.com-万彩吧彩票走势全图| www.72fl.com-福彩3d天下无敌2| www.cai6663.com长春快三开奖号| www.57958.com-今日7乐彩中奖号| www.3099.cc-世界杯彩票蛋糕| www.981605.com-中国福彩真实性| www.8927.com-七星彩在哪里看直播| www.698313.com-嘉兴福彩中心| www.315454.com-彩虹7无人机图片| www.407477.com-七星彩开奖号码走势| www.520273.com-体彩排列3杀码| www.951867.com-官方幸运快三| 大赢家彩票平台www.810601.com| www.527995.com-新重庆时时彩遗漏| www.g59.club-彩1彩票下载| www.364528.com-刚力彩芽男装| www.169558.com-甘肃体彩十一选5| www.87646.com-如何在京东上买彩票| www.781747.com-体彩即时彩-| www.vf03.com-彩票软件网站排行榜| www.125795.com-彩九怎么下载| www.233936.com-福彩排列五中奖规则| www.411845.com-彩票兑奖视频| www.5565.pw-万彩吧里面的高手| www.713073.com-长春快三赌博| www.840511.com-益和彩票-| www.950762.com-信彩app下载| www.ky90.com-贵州快三时间| www.28jf.com-体彩11选5私彩| www.960.in-有关中彩票电影| www.393840.com-彩虹世界破解版下载| www.627422.com-皇帝彩票红包任你| www.75qr.com-华富鼎彩票-| www.xh91.com-7彩阳光-| www.50578.cc-足球彩票比分计算器| www.4367.vip-福彩天地报pdt| www.177990.com-3d走势图乐彩网| www.75724.com-体彩32期开奖结果| www.379238.com-河南福彩网3d| www.1fq.cc-大乐透彩宝网| www.4662.top-买彩票一直买一注| www.241883.com-中奖彩票都是几点| www.500399.cc-英国五分彩开彩结果| www.67750.com-统一彩票app| www.277022.com-彩票输了-| www.236300.com-乐乐彩票靠谱吗| www.657619.com-排三彩宝贝-| www.1sz.cc-九万彩票跑路| www.655444.com-中彩票恶搞生成器| www.757667.com-高盛彩票登陆| www.825192.com-山西运城快三查询| www.9614.xyz-亚博彩票真的假的| www.115974.com-新手买的彩票怎么看| www.853560.com-天津新宇彩劵| www.527188.com-体彩电脑版-| www.509581.com-河内分分彩开奖源| 杏彩www.00840g.com| 500彩票www.202417.com| www.70733.com-彩票运势姓名生日| www.025730.com-福彩大脑袋杀码专家| www.090423.com-高频彩票将停售| www.139452.com-河北福彩下载安装| www.1454.cn-彩博士正版四不像肖| www.00978.com-福彩乐透乐网址| www.84uk.com-彩票飞艇聊天室| www.2388.tv-查彩票中奖-| www.7145.vip-福建七彩狐泳装| www.11541.com-彩乐瀑买不了了| www.43259.com-500彩票网社区| www.98728.com-时时彩有多假| www.072106.com-彩票中奖者的自述| www.428722.com-种彩虹摇钱树| www.564978.com-3d今天彩吧图一版| www.489629.com-小白彩票手机版快三| www.949353.com-最近彩票中奖新闻| 大赢家彩票网www.83033g.com| www.lh52.com-中彩彩票手机app| www.zl77.com-乐彩双色球字谜图谜| www.13ko.com-今天篮彩预测推荐| www.17212.cc-为什么彩票没有发票| www.381428.com-足彩结果查询任九| www.569901.com-重庆时时彩几点始| www.649169.com-彩搏888-| www.751494.com-足彩预测佬牛| www.856611.com-南国彩票七星彩码王| www.29dq.com-福利彩票手机投注| www.925.biz-临沂体彩转让| www.5278.tv-凤凰彩票时时彩下载| www.9930.biz-福彩3b一句定三码| www.51025.com-彩75彩票怎么样| www.88948.com-顺盈彩票app下载| www.072.org-南粵风彩36选7| www.698320.com-彩虹翅膀代表的意义|