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.18763.com-彩88彩票骗局| www.308035.com-67彩票官网平台| www.396118.com-福彩特别消息| www.516579.com-彩票中五元怎么兑奖| www.716397.com-芒果彩铅画-| www.578397.com-幸福彩票是什么意思| www.736078.com-彩吧网首页开奖公告| www.556985.com-彩票真有中奖的吗| www.699650.com-中国福彩哪天开奖| www.818939.com-绵阳福彩申请| www.924825.com-穷人买彩票中奖| www.91lm.cc-牛彩官网3d断组| www.96rr.com-铜雀台彩票app| www.630996.com-彩运宝体彩店下载| www.752532.com-体彩开奖作弊视频| www.929933.com-中国福利彩票奖池| 乐彩网www.3416y.com| www.1930.org-福彩洞庭湖新彩网| www.fa52.com-7星彩专家预测| www.99xs.com-体彩11选遗漏| www.03999.cc-豪彩娱乐游戏更新器| www.659423.com-快三稳定盈利技巧| www.750872.com-老卓易彩票-| www.82xp.com-福利彩票多彩网| www.2570.cn-明发彩票是不是真的| www.8893.in-竞彩为什么只能串关| www.679055.com-金沙送彩金的网站| www.821798.com-聚彩彩票官网| www.211890.com-上海体彩11选五开| www.179579.com-易彩彩票app| www.957464.com-265彩票下载安装| www.jq4.cc-481体彩-| www.347606.com-买足球彩票软件下载| www.pj72.cc-双色球彩票分析预测| www.33.la-中国彩票应用软件| www.288230.com-江苏快3爱乐彩走势| www.375708.com-乐彩彩票苹果下载| www.cp839.cc-福快彩3下载| www.fc62.com-有人玩彩票赢钱吗| www.09et.com-中国福利彩票首页| www.90mx.com-六爻测3d彩票方法| www.2639.net-体彩七星彩周几开奖| www.9226.online够力匕星彩票奖表| www.833858.com-好彩多少钱一盒| www.612280.com-买大乐透彩票| www.cai2223.com彩票河北快三| www.533918.com-那个彩票平台好| www.785035.com-中彩票的几率有多大| www.952876.com-广东彩妆进货| www.1zf.com-昭通彩票转让| www.nk65.com-唯彩竞彩网-| www.30jx.com-彩虹代刷官方授权商| www.285499.com-安徽快三技巧与分析| www.527524.com-香港好彩网资料大全| www.708910.com-腾讯分分彩流水返点| www.947278.com-彩票概率问题| 凤凰彩票www.55228l.com| www.39xh.com-518彩票诈骗手段| www.0750.me-加好友买彩票| www.893939.com-财神8彩票-| www.963531.com-手机彩票代购平台| www.cai7311.com今日河北快三| www.050227.com-黑彩app-| www.263897.com-彩票手机购彩app| www.026449.com-青海省福利彩票官网| www.519829.com-网上赌彩票判多少年| www.780210.com-顶级登陆娱乐彩票| www.891521.com-九彩凤凰神兽| www.981728.com-双色球彩票作假事件| www.16rd.com-足球比分360彩票| 爱购彩票www.3552p.com| www.512068.com-统计学原理彩票| www.676418.com-足彩任选九场| www.536883.com-给彩票群取个名字| www.669814.com-海南2020年彩票| 网易彩票www.www.9356f.com| www.jo66.com-充100送28彩金| www.33024.com-福建福彩双色球走势| www.xf50.com-49c彩票app-| www.62jl.com-福彩坊是骗局吗| www.35547.com-彩民心水之一| www.777.black-分分快三怎样能稳赚| www.275654.com-4十1彩票开奖结果| www.984411.com-体彩助手是怎么用的| www.bw56.com-九州彩票新快3| www.84kf.com-篮球彩票大小分结果| www.5004.vip-快乐彩票计划聊天室| www.85678.cc-手机看彩-| www.50gf.com-足彩爱美人微薄| www.108565.com-玩彩如何会赢| www.5873.org-彩票平台主管号| www.3526.cn-微彩官方-| www.063111.com-9万彩票官网下载| www.416615.com-时时彩杂六半顺帖子| www.138138.cc-中华彩票彩种| www.44688.cc-中彩网信誉-| www.000924.com-时时彩计划倍投稳赢| www.303230.com-彩虹网络电视手机版| www.5077.xyz-足彩停售多久| www.863941.com-大乐透走势图彩宝贝| www.932012.com-卖福利彩票怎么提成| www.983589.com-华宇彩票平台怎么样| www.cp8383.com-福彩开奖快3| www.673917.com-和玺彩绘-| www.787173.com-体育竞猜彩票规则| www.55211.com-滴滴彩票送28平台| www.20225.com-拼搏在线彩神通| www.850369.com-美国一分彩怎么开奖| www.689018.com-晓艳七乐彩推荐| www.5576.me-d8彩票是黑彩吗| www.j99.net-体彩竞彩足球结果| www.539541.com-釉中彩餐具如何| www.11667.cc-98福彩网-| www.953046.com-湖北福彩快三| www.689105.com-彩81网址-| www.992696.com-中国福彩网快3平台| www.gj60.com-福彩网一分钟开奖| www.273455.com-竞彩体彩-| www.358550.com-驿站彩票主页| www.320538.com-百宝彩票合法吗| www.395062.com-想干个体彩站咋样| www.503188.com-快三春节开奖吗| www.33257.com-乐彩双色球字谜| www.330808.com-网络彩票输了想死| www.397409.com-网络私彩举报电话| www.515971.com-足彩内部人员骗局| www.612624.com-约彩票-| www.415710.com-a7娱彩登录注册| www.386650.com-3d家彩论坛杀号| www.226399.com-河北福彩排列七开奖| www.249234.com-酷彩app官网下载| www.369874.com-福彩123前后关系| www.264618.com-彩票中奖后怎么领奖| www.324378.com-乐彩网是真的吗| www.652654.com-信彩开奖官方网站| www.734277.com-足彩3月赛程| www.819638.com-彩票易中奖平台| www.878595.cc-99彩票-| www.934005.com-今日双色球彩票指南| www.977462.com-彩票顶呱刮靠谱吗| www.bs58.com-新快三怎么玩稳赚| www.42892.com-天津体育彩票走势图| www.336808.com-网络快三网络快三赌| www.728416.com-乐彩3d杀码手机版| www.md02.com-808七星彩网| www.0ly.com-天天爱彩票怎么样| www.097048.com-彩霸王中特网论坛| www.186568.com-快三跨质号-| www.769332.com-我们的平台是好彩运| www.899259.com-湖北快三9导未出号| www.go45.com-广东好彩一开奖结果| www.08xx.com-彩票合买团队靠谱吗| www.791955.com-明日彩票预测系统| www.087024.com-彩福大厦总楼层| www.928884.com-彩八仙app苹果| www.363263.com-今天福彩藏机图正板| www.jw55.com-彩客完整比分| www.030032.com-优彩社区交流大厅| www.686748.com-中彩票人结局据调查| www.dr75.com-青海快三-| www.105589.com-胜负彩087期| www.198758.com-黑彩票平台-| www.263579.com-彩票361注册| www.076086.com-彩票10选6-|