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天

知道了
百盈PK10 www.91627.cc-彩视app下载| www.153503.com-竞彩篮球不能竞猜| www.252036.com-968彩票-| www.336099.com-福彩快三赚钱吗| www.759669.com-五福彩票通用版网站| www.583069.com-春秋彩票下载链接| www.388.gg-时时彩输了能上岸吗| www.351623.com-身边真有中彩票的人| www.441801.com-2019年竞彩足球| www.533918.com-那个彩票平台好| www.609249.com-海南七星彩解梦号码| www.679452.com-体彩天下5-| www.757530.com-得乐彩票怎么注册| www.829197.com-连民彩票-| www.900481.com-武汉福彩站点转让| www.966478.com-久久发彩票网站| 幸运彩票www.609477.com| www.020407.com-c38彩票-| www.47xg.com-体彩机充值是什么| www.506344.com-福彩3d图谜图库| www.603269.com-福彩八仙过海双胆| www.693665.com-澳客网竞彩足球比分| www.779060.com-下载天天彩票开奖| www.870693.com-印象彩票开奖网站| www.977335.com-福彩3d技术-| www.5zy.com-公益体彩宣传语图片| www.751506.com-702彩票-| www.17854.com-明彩彩票店主版| www.112701.com-时时彩亏损返现平台| www.339694.com-彩吧一石击二鸟字谜| www.8057.vip-创意水彩建筑| www.255511.com-九宫图算法彩票| www.362882.com-雨后现彩虹看图写话| www.473770.com-福彩中三个好| www.588158.com-领航彩票软件官网| www.679281.com-彩678官网-| www.755584.com-五福彩票苹果版本| www.843336.com-t8国际彩票app| www.916979.com-必赢彩票后续| www.ft86.com-发彩网极速快三| www.369660.com-彩票站封机时间| www.495601.com-网络彩票定性| www.589757.com-竞彩交易量合成交比| www.666340.com-鑫乐彩彩票-| www.753729.com-搜狗彩票.net| www.857078.com-纵横彩票网址| www.933976.com-最新电子彩票指南报| www.997410.com-玩彩app苹果版| www.iw53.com-嘉兴福利彩票中心| www.32zn.com-哪个平台的彩票正规| www.542347.com-购彩平台360彩票| www.616995.com-吉林福彩快三图标| www.691381.com-足球彩票软件能买| www.763536.com-休彩七位数开奖查询| www.828488.com-美国体彩中奖号码| www.890824.com-新华彩票手机版下载| www.960946.com-中超彩票-| E彩堂www.9818i.cc| www.538009.com-颜色的彩色-| www.60660.com-易购彩合法吗| www.144419.com-好彩堂论坛首页| www.326980.com-买彩票什么叫屠龙| www.460540.com-赵云炫彩皮肤| www.571867.com-天天好彩游戏| www.705545.com-辽宁体彩兑奖在哪| www.811202.com-六爻能测彩票吗| www.208485.com-分分快三害人| www.767616.com-痴心彩开奖结果| www.06xd.com-用彩铅画彼岸花开| www.111159.com-安卓版彩名堂计划| www.208873.com-千万彩票app平台| www.338315.com-贾峪镇彩票中奖| www.438394.com-汕头体育彩票中心| www.530281.com-铁公鸡彩票-| www.624234.com-乐彩33首页登录| www.695706.com-足彩复式投注计算| www.772557.com-二八彩app图| www.566138.com-慧金彩商业彩票| www.360362.cc-彩票怎么赢钱保盈| www.486853.com-三d新彩三d新彩吧| www.578198.com-彩票带单群软| www.3444.tv-体彩2o选5开奖| www.418878.com-高频彩票直播频道| www.63959.com-澳洲彩票开奖结果| www.137910.com-福彩怎样算中奖| www.933678.com-时时彩网上代理| www.996669.cc-龙江体彩大乐透| www.fw66.com-下载河南快三走势图| www.557267.com-水彩画简单-| www.627582.com-上上海体彩11选5| www.502591.com-网上的星际彩合法吗| www.348288.com-天津体彩玩法| www.0512.red-国正彩票-| www.15915.cc-老彩票主页-| www.83766.cc-体彩机额度-| www.085320.com-号百彩票小鱼论坛| www.060632.com-87体彩店app| www.521114.com-秒速赛车彩票| www.444713.com-彩票为什么不实名| www.562005.com-篮球滚球彩票| 乐彩网www.3416c.com| www.929077.com-快三单双赌博技巧| www.fq87.com-竞彩网-| www.828.org-双彩论坛体彩试机号| www.43913.com-58彩票合法吗| www.062709.com-体彩屋快三骗局| www.149670.com-甘肃张掖快三| www.47654.com-淄博中彩票被杀| www.042862.com-微信快三交流群| www.443131.com-网易红彩指数| www.666796.com-陕西福彩提现不到账| www.789677.cc-彩钢瓦围挡施工方案| www.71189.com-如何购买体育彩票| www.653776.com-彩票性缘全网盘| www.820862.com-广州彩钢板生产厂家| www.975852.com-河南彩礼返还| www.640291.com-新浪爱彩正规吗| www.764580.com-网上彩票停止销售| www.974260.com-环彩网官网-| www.cai5151.com内蒙快三推荐与预测| www.ju09.com-数学破解彩票漏洞| www.489458.com-福利彩票蓝号有哪些| www.561003.com-博众时时彩缩水软件| www.ig02.com-今日彩票app| www.288499.com-熊猫竞彩是骗局| www.705953.com-安徽快三公式| www.922503.com-怎么当足彩分析师| www.z56.cc-红绿彩鉴定-| www.3380.cc-沉迷彩票人的心里| www.025751.com-内蒙福彩在哪下载了| www.cv17.com-老私彩靠谱平台| www.q79.com-双阳黑彩-| www.150912.com-彩宝贝短信点播| www.467399.com-菏泽福利彩票电话| www.263871.com-陈赫彩票中奖号码| www.225357.com-河南福彩快三开奖查| www.8841.biz-神奇的二组彩票数字| www.522672.com-5oo足球彩票| www.286760.com-彩票平台怎么开挂| www.177934.com-北京体育彩票| www.938158.com-甘肃快三投注必中| 1号彩票www.yi816.com| www.103462.com-足球竞彩比分直播比| www.208272.com-甘肃福彩一定牛| www.548604.com-彩票137app-| www.581028.com-六开彩王中王资料| www.315667.com-彩虹台-| www.019230.com-瑞彩网app下载| www.078284.com-福彩网是不是假的| www.401769.cc-湖南省福彩电话投注| www.67mf.com-分分彩最稳打法| www.502533.com-华彩国际娱乐正规吗| www.96114.cc-彩票年前什么时候停| www.933693.com-时时彩真的能赢钱吗| 百姓彩票www.bxcp3.com| www.336363.com-有没有玩滴滴彩票的| www.635256.com-七彩电影院八面通| www.762938.com-傲赢彩票百度百科| www.839994.com-pc彩票app下载| www.895397.com-大佬彩票骗局| www.962603.com-大发彩票手机版本| www.ao2.com-快三注册38-| www.179926.com-青海今日快三走势图| www.248999.cc-互联网彩票销售办法|