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.900279.com-竞彩报订购-| www.xj52.cc-福彩天地报在线| www.088045.com-足彩单场胜负怎么买| www.11879.com-辽宁福彩网排列5| www.67315.com-战神彩票团队| www.038272.com-皇家时时彩宝典下载| www.407654.com-霸王港彩网址| www.0783.xyz-哪里能在线投注足彩| www.9139.space-正德体彩app| www.25pa.com-发彩网大小单双句| www.032278.com-74555彩经论坛| www.304322.com-澳门快三-| www.63hk.com-润金店彩金能回收吗| www.1847.website一分钟出一次什么彩| www.5022.biz-江苏体彩1选5| www.494040.com-梦见7个数字买彩票| www.580645.com-开心网七星彩交流区| www.656759.com-色彩的搭配-| www.807938.com-福彩3d路数走势图| www.882099.com-福彩快3大发走势图| www.953739.com-买足彩看什么最准| 好彩www.60123j.com| www.343970.com-乐宝彩票是真的吗| www.02144.cc-财经彩票网-| www.71597.com-太原福彩怎么样| www.9873.in-哪里能查足彩销量| www.118469.com-彩票江苏快三是撒| www.428701.com-澳客足彩网胜负彩| www.14844.com-彩票中数字变化规律| www.08sb.com-大众彩票网app| www.71703.com-福彩3d加奖公告| www.071941.com-体彩扑克3走势图| www.168376.com-快三如何玩-| www.277444.com-七星彩三字现| www.537562.com-彩8彩票和彩9彩票| www.069230.com-彩贝壳199-| www.163978.com-福彩3d太难了| www.415765.com-河北快三怎么买| www.0921.cc-怎么样加入彩票合买| www.368830.com-百宝彩软件的下载| www.665984.com-好多彩票一起玩的网| www.cai9799.com内蒙古快三号码推荐| www.cp193.cc-彩票平台下载| www.86362.com-周口福彩中心在哪| www.0071.cc-黑龙江体彩月销量| www.627912.com-足彩四场进球彩玩法| www.96fo.com-买高频彩算投资吗| www.706938.com-500彩票官网首页| www.3743.vip-彩迷官方下载| www.68500.cc-体彩大乐透怎么领奖| www.011032.com-腾讯彩票ios| www.127188.com-森系星空鹿水彩| www.553138.com-彩票收米gif| www.34955.com-时时彩后三计划软件| www.36639.cc-澳博集团博彩能信吗| www.080313.com-体彩足球竞猜怎么玩| www.226992.com-快三线上投注骗局| www.74825.com-彩色母粒定做| www.133250.com-富彩彩票吧-| www.533231.com-外国数学家破解彩票| www.110405.com-福彩3d开什么| www.301415.com-彩77官网下载| www.44iq.com-3d福彩699预测| www.895429.com-中体华彩彩票合法吗| www.979549.com-好彩银特醇香烟| www.18019.com-彩票福彩选号软件| www.296995.com-福彩快三期数减少| www.292376.com-体彩广西11选5| www.678883.cc-七星彩当期奖金额| www.2781.xyz-宁波福利彩票生肖| www.ru77.com-彩票997平台下载| www.587057.com-河北保定彩票中大奖| www.36419.com-福彩3d澳门-| www.923450.com-国家整顿彩票| www.2416.shop-重庆实时彩斗牛漏洞| www.22729.com-双色球彩票攻略| www.050317.com-体彩自助售卖机| www.772449.com-vr时时彩漏洞刷钱| www.um34.com-3d彩经网杀号定胆| www.39676.cc-搜索hk百彩网| www.081513.com-多多中彩票网| www.04270.com-福彩双色球多少个球| www.838155.com-彩票查询七乐彩开奖| www.365911.cc-彩色铅笔画图片风景| www.881247.com-新浪竞彩篮球| www.213911.com-大发时时彩精准计划| www.783713.com-航天彩虹镇商铺| www.cai3903.com安徽快三走势图今天| www.59407.com-网络彩票开挂| www.490433.com-十分彩怎么样| www.703357.com-彩票大奖兑奖流程| www.909368.com-彩吧图谜第三版| www.330124.com-福彩单双大小玩法| www.608112.com-海南体彩七星彩预测| www.tk99.cc-中国体彩开奖号码| www.587031.com-重庆彩3中2概率| www.1665.vip-彩票三十六选七| www.598248.com-彩票行业赚钱吗| www.747654.com-天津华夏快三预测| www.879199.com-幸运pc彩票平台| 乐彩网www.866509.com| www.ul95.com-内蒙古福利彩票三d| www.87nt.com-乐彩客彩票登录| www.6538.wang-体彩浙江风采| www.44961.com-希望彩票是骗局吧| www.199201.com-上海福利彩票时时乐| www.338704.com-118娱乐彩票| www.gp36.com-新疆喜乐彩开奖号码| www.1355.cm-福彩最牛广告语大全| www.d83.club-128彩票平台| www.9380.net-tt彩票是正规网站| www.062694.com-时时彩送彩金19| www.376008.com-河内2分彩玩法| www.l05.com-大发快三如何猜下期| www.2953.biz-彩金狮子单机| www.53318.cc-北京五分时时彩| www.397026.com-神圣时彩计划官网| www.882974.com-时时彩单双稳赢技巧| www.we55.com-体育彩票店布置图片| www.448408.com-老杜讲彩票-| www.637020.com-小米彩虹电池和南孚| www.916041.com-网上买彩票违不违法| 体彩网www.3890b.com| www.009340.com-新彩吧手机彩票网| www.309912.com-彩票照片兑奖| www.456147.com-名彩堂计划软件| 彩客网www.138017.com| www.459625.com-七乐彩票开奖号码是| www.756466.com-908彩票-| www.5188.live-赛车湖南体彩| www.46749.com-失控的黑彩三| www.072205.com-盈利彩票-| www.233854.com-网上彩票快速挣钱| www.569399.com-乐亿彩票怎么样| www.757855.com-中彩网怎么挣钱| www.c47.cm-福彩三d字迷东方朔| www.50ea.com-旭彩大发快3| www.268621.com-竟彩网计算器| www.373701.com-福建体彩大星走势图| www.747744.com-环彩网登录-| www.046565.com-51彩票平台登录| www.180359.com-福彩快三中奖概率表| www.599975.com-买彩票输了怎么回本| www.950373.com-百乐彩平台-| www.cp7618.com-河北快三下载安装| www.0003.in-5位数是什么彩票| www.062760.com-竞彩足球天天稳胆| www.308955.com-2元彩票开奖公告| www.539272.com-826网络彩票论坛| www.635433.com-七彩本草安神方官网| www.a55.net-重庆时时彩的心得| www.84is.com-人人中彩票刑拘| www.281666.com-中国体育彩票竞彩店| www.509518.com-彩票500网走势| www.155501.com-大通彩票app导航| www.292949.com-中国福彩更懂彩民| www.848149.com-3d麦久彩票-| www.001830.com-七星彩可以买复试吗| www.19xe.com-福利彩票预测下载| www.987313.com-河北福彩冀彩宝下载| www.611206.com-彩虹物语-| www.737282.com-迷彩兔影视手机版| www.084922.com-体彩机器外接显示器| www.205313.com-老快三开奖结果江西|