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.af76.com-福彩昨天开奖的号码| www.3787.vip-彩先知谜语解特马| www.1268.live-历史开奖记录七乐彩| www.17697.com-彩客足球彩票胜平负| www.907728.com-七乐彩中奖规则图片| 3668彩票www.3668m.com| www.3024.net-雪缘足彩山分直播| www.42561.com-腾讯分分彩挂机| www.031858.com-双色球开机号牛彩网| www.625913.com-祥金彩票网站| www.738378.com-意想不到的彩票公式| www.825749.com-山西大清快三走势图| www.909443.com-彩客网5分快3| www.983278.com-盈彩是真的假的| www.mj65.com-青海快三中奖查询| www.249766.com-c彩61app-| www.413276.com-道路彩色沥青价格| www.626884.com-信彩是不是黑网站| www.739662.com-9999彩票-| www.843825.com-彩票中心工作人员| www.963874.com-彩票店加盟的好处| www.pu39.com-官彩-| www.644.mobi-今天福彩3d无名图| www.6732.xyz-福彩3d三胆排行榜| www.28114.com-常州体彩点分布| www.017914.com-网络彩票投注app| www.113506.com-三彩女装店-| www.289258.com-神彩争霸-| www.428509.com-青蛙过河彩票| www.586883.com-无意间中彩票的故事| www.710036.com-银行卡打彩金犯法吗| www.824883.com-彩吧图总汇-| www.926807.com-福彩达人-| 博通彩票www.606674.com| www.39fl.com-河南中奖彩票被调| www.855421.com-七星彩复式注多少钱| www.644053.com-发型彩票要求| www.761409.com-天尊好彩妹cp| www.896131.com-甘肃快三走试图今天| www.976543.com-彩票开奖彩票开奖| www.it70.com-中国体彩网客户端| www.zk57.com-拼搏在线彩票试机号| www.487559.com-老徐福彩3d工作室| www.029600.com-荣耀彩票入口| www.656335.com-北京彩票店生意转让| www.784735.com-大胜彩票官网| www.900723.com-体彩排3试机号| www.991251.com-旺彩双色球3d| www.671350.com-天津体彩网11选5| www.820319.com-附近福彩销售点| www.966023.com-快三遗漏值-| www.bz47.com-网络快三代理| www.b55.net-赢发彩票-首页| www.200475.com-熊猫娱乐彩票| www.28483.com-合发彩票是真的吗| www.025914.com-体彩11选5深圳| www.90bb.com-彩票税收-| www.2820.press-重庆时时彩第一期| www.8854.com-体育总局限制体彩| www.769650.com-福建好彩头-| www.2go.com-网易不能买彩票了| www.568311.com-福利彩票贴吧交流| www.434702.com-贵州省福彩双色球| www.765504.com-博发彩票合法吗| www.7661.xyz-6000万彩票网| www.87215.com-澳洲3分彩计划| www.145433.com-彩票助手吧-| www.631872.com-七彩虹官网商城| www.238283.com-发彩平台网址| www.93gk.com-彩票数字万能号码| www.fh09.com-湖北快三数据专家| www.2431.cn-吉林快三四码黑| www.62ys.com-彩票网站需要维护吗| www.570663.com-查七星彩-| www.796497.com-今天玩分分彩亏大了| www.xu09.com-彩票只买一注| www.48yo.com-福利彩票内部人员| www.0962.pw-四场进球彩投注| www.20893.com-竞彩足球专家单场| www.376.red-双色球彩指南电子报| www.gi89.com-快三秒奶茶店没有了| www.145253.com-靠谱博彩平台| www.37088.com-好运来彩票真的吗| www.009735.com-手机彩票送28| www.081557.com-华彩快三-| www.065252.com-彩铅画风景简单| www.149222.com-c29彩票-| www.220990.com-体彩开奖号码排列五| www.288752.com-天下彩票-| www.965291.com-家彩网开奖结果报码| www.002642.cc-内蒙古易快三| www.130969.com-驻马店娶媳妇彩礼| www.66bq.com-正规彩票有哪些种类| www.6573.xyz-幸运号买彩票| www.67836.cc-怎么黑进彩票平台| www.051913.com-鸿运彩票平台怎么样| www.53230.com-举报万豪福彩| www.612391.com-uc彩票网可靠吗| www.745820.com-如何下载冀彩宝| www.871374.com-赢彩彩票靠谱吗| www.953727.com-新浪爰彩网-| 奔驰彩票www.29178c.com| www.562979.com-休彩票列三-| www.621880.com-宁波彩票中奖投注站| www.699730.com-v98彩票官网| www.777667.cc-百度中彩彩票| www.852436.com-五分时时彩定位胆| www.926243.com-购彩lll软件| www.990875.com-竞彩足球百家欧赔| www.an52.com-贵州快三号码推荐| www.qo86.com-内蒙11选5时时彩| www.04om.com-彩铅画简单教程大全| www.60wl.com-福彩3d校验码今天| www.719.live-中发彩票简介| www.dv04.cc-五星彩开奖结果| www.717918.com-彩客比分网-| www.669185.com-福龙彩票真的吗| www.999056.com-时时彩压大小规律| 大赢家彩票www.512411.com| www.408438.com-七星彩画规律表下载| www.38183.cc-河北福彩官网| www.45pp.com-彩虹六号r6点数| www.2599.tv-网络彩票害人的| www.3613.biz-长春快三一定牛预测| www.00194.com-彩钢板围挡的高度| www.65078.com-雄鹿快三计划三期| www.24349.com-超级彩票软件| www.799941.com-浙江福彩一定牛| www.631367.com-爱彩人注册-| www.809.in-上海最新彩票店转让| www.14878.com-彩报3d彩报-| www.757228.com-彩色混凝土路面材料| www.946717.com-猪八戒彩票-| www.990227.com-77彩票骗局-| www.cp337.com-福彩快3手机投注| www.rx76.com-40度彩票app| www.968457.com-网易彩票专家预测| www.863.live-时时彩盈利思路| www.09pz.com-京东1.5分彩| www.an28.com-贵州快三推荐结果| www.9080.vip-七星彩论坛8o8| www.308529.com-青岛体育彩票投注站| www.749039.com-中彩网为何提不出款| www.822009.com-邪恶3d彩漫-| www.882997.com-买快彩网能挣钱吗| www.992586.com-福彩3d新玩法| www.r72.cn-福彩字谜新彩网| www.50hd.cc-排列三预测新彩吧| www.2207.org-求购彩票套源码| www.696450.com-中国竞彩网上怎么买| www.803987.com-彩票代购平台合法吗| www.290026.com-内蒙古彩票快三开奖| www.552518.com-新快三遗漏数据查询| www.637036.com-网页彩红51-| www.721125.com-安卓版1彩票| www.809195.com-英慱彩票-| www.886506.com-购彩app下载| www.835103.com-炫彩手机贴膜| www.905965.com-浙江之间福彩网| www.964253.com-买足彩稳胜技巧| 大赢家彩票平台www.110879.com| www.7345.com-明天体育彩票开什么| www.595283.com-福彩彩票神采吧| www.769787.com-福彩2等奖多少钱|