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.655833.com-快三咋样才能中奖| www.292857.com-龙之彩彩票-| www.926007.com-福利彩票旗下| 东方国际www.055976.com| www.va01.com-北京快三多少期| www.4973.cn-香港赛马哪里派彩| www.739939.com-谁要玩彩票的联系我| www.646432.com-好彩运开奖-| www.097390.com-江苏快三计划微信群| www.62vo.com-章鱼彩票就是个坑| www.89332.cc-和乐彩票下载| www.610702.com-华彩生活官方| www.698202.com-比较稳的彩票客户端| www.801228.com-6a彩票app-| www.886628.com-彩网站-| www.971127.com-乐米彩票是小米的吗| www.68cc.com-酷彩吧与奖多多下载| www.93383.cc-山东福彩彩友论坛| www.072326.com-cp彩票大全-| www.147856.com-福彩全民中奖独胆| www.245103.com-足彩比分500| www.730033.com-周易预测大乐透彩票| www.848154.com-麦久3d彩票预测网| www.005143.com-星刚力彩芽-| www.081227.com-李永乐说彩票| www.160678.com-3d五行走势乐彩网| www.83184.com-彩票追加和双倍区别| www.028952.com-彩票走势图怎样分析| www.118782.com-老彩票uu直播下载| www.344268.com-超神快三平刷破解版| www.742062.com-苹果版天天中彩票| 优彩网www.987441.com| www.r72.net-高频彩平台出租价格| www.166202.com-快三开奖结果甘肃| www.025395.com-北京新彩网合法吗| www.35126.cc-彩票定理-| www.026342.com-买黑彩-| www.845258.com-福彩刮刮乐喜上加喜| www.783197.com-苏州福彩在哪兑奖| www.935296.com-好彩票ios-| www.cp529.com-江苏快三开奖走势| www.zm62.com-彩神8网站-| www.ih4.com-乐彩网首页福彩3d| www.815087.com-看体彩走势图| www.911701.com-快三彩票可以玩吗| www.987675.com-3d彩报彩乐迷| www.lx93.com-福建哪里有彩票站点| www.w10.org-彩票3d几个号中奖| www.62oe.com-彩票最全面大数据| www.1139.net-新人如何玩转竞彩| www.308756.com-大乐透彩票号多吗| www.146052.com-竞彩篮球奥客网| www.280013.com-彩乐乐网安全吗| www.378399.com-七彩网买彩票违法吗| www.981019.com-凤凰彩官方网站| www.d74.cc-彩票狂人-| www.321.name-乐彩赢攻略-| www.29887.com-幸运28正规彩票的| www.96931.cc-新浪爱彩开奖结果| www.091536.com-体育彩票开店| www.592811.com-各种釉彩大瓶展出吗| www.803961.com-体彩票可以网上买吗| www.900695.com-河北风彩排列5开奖| www.990443.com-体彩排列三今日推荐| www.bn61.com-至尊快三是骗局么| www.199851.com-快三开奖时间| www.15ks.com-巴中结婚彩礼和陪嫁| www.347598.com-常笑体彩店苹果下载| www.043368.com-售彩色复印机| www.165888.com-贵州快三-| www.238800.com-彩票网站诈骗手段| www.319856.com-易彩官网注册| www.456360.com-旺彩大乐透推荐号码| www.789253.com-足彩妖刀博客| www.920962.com-彩神争霸v11| www.982145.com-彩票三d走势图| www.29nt.com-简单彩铅画多肉植物| www.693512.com-足彩竞彩怎么投注| www.775930.com-赢彩票是合法网站吗| www.859676.com-彩票997下载| www.926316.com-七乐彩双期走势图| www.982009.com-99彩-| www.cp0388.com-快三算号神器手机版| www.mq41.com-福彩中彩网一周计划| www.5jz.cc-开彩票店要纳税吗| www.234604.com-宁夏快三开历史开奖| www.260430.com-买黑彩票属于赌博吗| www.731498.com-易彩注册链接| www.831092.com-广州彩妆加盟| www.921897.com-许昌彩礼多少钱| www.985322.com-足彩竞彩比分直搐| www.ca52.com-福彩排列5玩法介绍| www.uk62.com-709彩票安卓版| www.dc50.com-彩票吃票怎么判| www.299442.com-快三计划app| www.632815.com-nba的彩票-| www.76899.cc-优彩彩票输了几十万| www.362519.com-九万彩票官方| www.56wf.com-彩票网点怎么加盟| www.377251.com-腾讯时时彩开几期| www.477733.com-彩神通有手机版吗| www.6283.vip-体育彩票合作app| www.316129.com-上海快三秘诀| www.020604.com-清镇福彩中心| www.234357.com-80彩票是骗局| www.3936.cn-福彩3d天宇字谜| www.25908.com-彩虹的意义-| www.144298.com-足彩竞彩比分直搐| www.220863.com-华东福彩6+1| www.249322.com-七星彩走势大彩网| www.363413.com-儿童重彩画-| www.483692.com-福彩3d牛牛网字迷| www.601767.com-50万买彩票-| www.713434.com-王者彩票wzcp| www.906198.com-下载黑彩快三| 星际www.910xj.com| www.630516.com-乐米彩票中了| www.769032.com-可以买足彩的app| www.915728.com-网上彩票加盟| www.cp486.com-兰州快三走势ll图| www.456463.com-彩票过期了能兑奖吗| www.576281.com-c01彩票-| www.658202.com-老三可口福彩微信群| www.200781.com-七星彩和值走势图| www.42472.com-金利彩票安全吗| www.4830.biz-梦到开彩票店| www.062678.com-吉林快三3天| www.2208.cc-网上下载京彩app| www.099233.com-反水10点彩票平台| www.69228.cc-众博彩票开多久了| www.532593.com-博友彩票app入口| www.32wg.com-彩29下载v8-| www.1579.vip-幻彩曲棍球小游戏| www.520145.com-世界上各国彩票| www.590263.com-福彩3d和尾技巧| www.422499.com-下载新浪彩票app| www.095131.com-今日福彩3d双彩图| www.914408.com-彩票166苹果| www.993619.com-竞彩之家官网下载| www.83by.com-买两个数字什么彩票| www.727488.com-大爆奖彩票导师| www.796634.com-众博彩票是骗局吗| www.881749.com-购彩堂app邀请码| www.967794.com-怎么加入彩民群| 盛彩网www.41518x.com| www.212300.cc-福彩3d淘宝网| www.79bg.com-三色彩开奖直播| www.77710.com-神周彩票网唐龙说彩| www.840898.com-足彩分析预测网易| www.10gt.com-彩票准应用-| www.88ax.com-彩票009骗局| www.469.bid-快3彩票限号| www.22276.com-结婚为什么要彩礼| www.046455.com-51彩虹手机下载| www.192313.com-河南省快三遗漏查询| www.203968.com-上海基诺彩票| www.iw18.com-浙江体彩首页| www.vo72.com-排三体彩专家预测| www.806583.com-32期福彩-| www.963919.com-彩虹周杰伦吉他谱| www.cai5552.com快三怎样看走势| www.mc31.com-时时彩网投平台| www.2386.cc-上福彩网-| www.862673.com-江苏体彩网论坛|