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.468668.com-万彩国际app下载| www.616760.com-彩票店打号-| www.75622.com-好彩双爆珠蓝莓柠檬| www.4346.xyz-福彩天地报下载| www.17235.cc-手机app刷彩| www.000299.com-嘉兴体育彩票网官网| www.085165.com-安徽体彩走势图| www.32fe.com-新彩票论坛-| www.59669.com-彩虹卡通画-| www.067170.com-彩票游戏时时彩网址| www.8859.in-研究七星彩口诀| www.83765.cc-中彩票不捐款| www.961569.com-彩票五行-| www.2610.cc-惠彩乐购彩票| www.043939.com-彩票扫一扫查询中奖| www.631098.com-双色球中彩票秘籍| www.18894.com-百度拍彩票查中奖| www.720448.com-七星彩最新开奖号| www.855015.com-如何购买世界杯彩票| 中国福利彩票www.33588g.com| www.ri65.com-福利彩快三贵州| www.257920.com-038彩票上瘾了| www.693132.com-福彩六加一怎么买| www.260802.com-快三没赚钱-| www.745592.com-福彩3d百个差大彩| www.px23.com-下载即送体验金彩票| www.48488.com-87彩店怎么下载| www.33706.com-概率说彩-| www.06fb.com-3g门户彩票-| www.574.biz-蜂鸟五分时时彩计划| www.09144.cc-广东体彩手机投注| www.87308.com-宁夏体彩大乐透中奖| www.579434.com-有关彩字的字谜| www.18kb.com-彩尊登录注册| www.204674.com-江西福利快三| www.758876.com-微彩站二维码| www.875021.com-三地彩吧图库第二版| www.hr2.com-11选5爱彩乐| www.55pz.cc-体彩俱乐部怎么样| www.41691.com-被雪中彩影坑了| www.385884.com-精彩音乐汇2017| www.168618.com-快三杀是什么意思| www.394755.com-彩虹六号第三年季票| www.580281.com-时时彩开奖结果历史| www.733356.com-3d彩保网首页| www.876319.com-京彩娱乐app下载| www.09070.com-足彩2串1什么意思| www.726073.com-福利彩票双色球真假| www.982941.com-微信可以玩彩票吗| www.wx34.com-七乐彩跨度走势图| www.04234.com-体育彩票七个全中| www.029596.com-彩宝3d个位三胆| www.1133.date-晨兴彩票计划| www.540280.com-重庆时时彩机选一注| www.741507.com-彩票白菜群-| www.881301.com-福彩快三的中奖规则| www.161086.com-90.cm彩票-| www.378584.com-好彩3选号技巧| www.670276.com-3d福彩双双字谜| www.525967.com-体育七星彩几点停售| www.y92.cc-新宝5彩票软件| www.0760.wang-国家彩票接口| www.8333.gg-重庆5分分分彩| www.116797.com-排列三彩乐乐杀跨| www.261768.com-一分快三输了六十万| www.062454.com-如何下载瑞彩网| www.470127.com-日本彩票哪里兑奖| www.32lv.com-体彩3走势-| www.0766.cc-迁西彩票中奖| www.8185.bid-8炫彩是什么| www.28354.com-福彩在线网-| www.677720.com-华彩赢家怎么买| www.cp460.com-1分快三开奖结果| www.848738.com-彩票刷机-| www.bh5.com-彩65app-| www.nk34.com-310足彩-| www.83pz.cc-金彩游戏兑换码| www.7274.vip-彩虹电影直播源论坛| www.323241.com-乐和彩下载-| www.36qg.com-500彩走势图表| www.961215.com-竟彩网官方-| www.6409.cm-亿盈彩票登录| www.50jr.com-天猫彩票投注可靠吗| www.964655.com-彩票推算大师| www.973094.com-彩虹7号-| www.710207.com-七乐彩免费推荐号码| www.912299.com-红宇体彩店是真的吗| www.od70.cc-香港版彩票论坛| www.275.cm-澳洲彩票lotto| www.576065.com-西安有转让的彩票店| www.mp38.com-澳门时时彩开奖记录| www.375888.cc-7星彩开奖号| www.113243.com-大奖彩票平台可靠吗| www.464545.com-体彩今天预测分析| www.95257.cc-彩妆盘发美甲加盟| www.352712.com-被纯彩票黑平台骗了| www.r87.net-福彩3d777彩报| www.66788.com-历届福彩主任| www.124000.com-河北福彩三d字谜| www.0998.tv-乐9购彩票-| www.9076.biz-七乐彩500期| www.97884.com-全国各地彩礼排行榜| www.535657.com-快三的玩法技巧集锦| www.37656.cc-网络彩票怎么做庄家| www.014332.com-七星彩第三位杀号| www.117484.com-6701彩票app| www.222900.com-福彩双色球专家预测| www.309004.com-在韩国中彩票| www.76tb.com-彩票真实-| www.733769.com-彩票行业取消高频| www.965696.com-福彩刷人气靠谱吗| www.ut36.com-快三最高翻过多少倍| www.580269.com-连中彩票天天送钱| www.675848.com-福彩双色球开奖玩法| www.800035.cc-福彩开奖结果与查询| www.171198.com-彩票开奖查询结果表| www.237971.com-中国福彩票官方网站| 易彩集团www.25688j.com| www.je12.com-网上大发快三合法吗| www.030474.com-福彩双色球杀号技巧| www.344428.com-凤凰彩票分分彩计划| www.456.cc-美国人买彩票方法| www.00181.com-大亨彩票算号器| www.074007.com-天齐网体彩双胆预测| www.289280.com-彩票软件官方| www.902416.com-天天买彩票下载| www.984873.com-长城彩app-| www.hq68.com-黑龙江体彩网大乐透| www.63dk.com-助赢江苏快三| www.75ba.cc-新加坡福彩开奖记录| www.8382.in-七星彩打码网站| www.039.hk-k彩平台客户端下载| www.4632.cm-彩票不能网上买了吗| www.01086.com-中国足彩网即时赔率| www.022031.com-彩票亿元大奖故事| www.519670.com-256彩票登录| www.602815.com-彩6精华版是真的吗| www.667080.com-七星彩二等奖中奖率| www.730249.com-最新彩票升奖结果| www.785626.com-福彩北京快3合法吗| www.0768.in-三分钟快三单双预测| www.7425.vip-国民彩票网-| www.18253.com-彩票在线模拟| www.348548.com-彩宝彩票可信吗| www.500021.cc-87彩票ios-| www.592433.com-荣耀彩票会员登录| www.663225.com-新浪彩票机选| www.734608.com-快乐彩开将结果| www.798844.com-时时彩胆码提取| www.885007.com-亿彩快三作弊软件| www.949868.com-网络平台销售彩票| www.993826.com-最新白菜网彩金| www.dj32.cc-七乐彩玩法规则介绍| www.sq46.com-今期彩票指南报纸| www.096371.com-四川省体彩中心主任| www.773031.com-比较好的彩票平台| www.930910.com-福彩六加一玩法| www.cp9922.cc-糖果彩湖北快3| www.171613.com-七星彩50期走势图| www.448748.com-太原福彩中心官网| www.2465.vip-两分彩怎么玩| www.8482.loan-八彩-| www.hz95.com-快三单双大小买法| www.36900.com-88福彩-|