<!doctype html>
<!--[if lt IE 8]>
<html class="ie ie-old">
<![endif]-->
<!--[if lt IE 9]>
<html class="ie">
<![endif]-->
<!--[if IE 9]>
<html class="ie9 modern">
<![endif]-->
<!--[if IE 10]>
<html class="ie10 modern">
<![endif]-->
<!--[if !(lt IE 9) ]><!-->
<html class="modern">
<!--<![endif]-->
<head>
<meta charset="gbk"/>
<title>百度知道_10周年</title>
<link rel="stylesheet" type="text/css" href="css/common_612e26a.css" />
<link rel="stylesheet" type="text/css" href="css/aio_9296f24.css" />
<!--[if lte IE 8]>
<script>
(function(){
var e="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(","),
i=e.length;
while(i--){document.createElement(e[i])}
})();
</script>
<![endif]-->
</head>
<body class="loading">
<!--页面延迟加载-->
<div class="load-cover">
<div class="loading-icon"></div>
<div class="loading-text"></div>
</div>
<!--fullPage包裹-->
<div id="fullpage">
<!--screen-1-->
<div class="section">
<div class="screen-1">
<!--顶部-->
<header id="header">
<div class="logo">
<a href="http://zhidao.baidu.com/" target="_blank"></a>
</div>
</header>
<!--主内容-->
<div class="screen-1-content">
<div class="screen-1-content-wrap"></div>
<div class="screen-1-content-bg"></div>
<div class="screen-1-content-year"></div>
<div class="screen-1-content-lingxing"></div>
<div class="screen-1-content-txt"></div>
<div class="screen-1-content-top">
<div class="screen-1-content-top-date"></div>
<div class="screen-1-content-top-line"></div>
</div>
<div class="screen-1-content-triangle"></div>
</div>
<!--视差背景图-->
<div class="parallax-viewport" id="parallax-1">
<div class="screen-1-parallax-layer-0 layer" data-depth="0.01">
<div class="layer-1-0"></div>
</div>
<div class="screen-1-parallax-layer-1 layer" data-depth="0.03">
<div class="layer-1-1"></div>
</div>
<div class="screen-1-parallax-layer-2 layer" data-depth="0.05">
<div class="layer-1-2"></div>
</div>
<div class="screen-1-parallax-layer-3 layer" data-depth="0.13">
<div class="layer-1-3"></div>
</div>
</div>
</div>
</div>
<!--screen-2-->
<div class="section">
<div class="screen-2">
<!--主内容-->
<div class="screen-2-content">
<div class="overview">
<div class="overview-text"></div>
<div class="overview-button"></div>
</div>
<!--旋转球体外层遮罩-->
<div class="ball-outer">
<!--有交互的点-->
<div class="dot dot-0">
<i class="outer"><i class="inner"></i></i><div class="text y-2005"></div><div class="card card-2005"></div>
</div>
<div class="dot dot-1">
<i class="outer"><i class="inner"></i></i><div class="text y-2006"></div><div class="card card-2006"></div>
</div>
<div class="dot dot-2">
<i class="outer"><i class="inner"></i></i><div class="text y-2007"></div><div class="card card-2007"></div>
</div>
<div class="dot dot-3">
<i class="outer"><i class="inner"></i></i><div class="text y-2008-0"></div><div class="card card-2008-0"></div>
</div>
<div class="dot dot-4">
<i class="outer"><i class="inner"></i></i><div class="text y-2008-1"></div><div class="card card-2008-1"></div>
</div>
<div class="dot dot-5">
<i class="outer"><i class="inner"></i></i><div class="text y-2009"></div><div class="card card-2009"></div>
</div>
<div class="dot dot-6">
<i class="outer"><i class="inner"></i></i><div class="text y-2010"></div><div class="card card-2010"></div>
</div>
<div class="dot dot-7">
<i class="outer"><i class="inner"></i></i><div class="text y-2011"></div><div class="card card-2011"></div>
</div>
<div class="dot dot-8">
<i class="outer"><i class="inner"></i></i><div class="text y-2012"></div><div class="card card-2012"></div>
</div>
<div class="dot dot-9">
<i class="outer"><i class="inner"></i></i><div class="text y-2013"></div><div class="card card-2013"></div>
</div>
<div class="dot dot-10">
<i class="outer"><i class="inner"></i></i><div class="text y-2014-0"></div><div class="card card-2014-0"></div>
</div>
<div class="dot dot-11">
<i class="outer"><i class="inner"></i></i><div class="text y-2014-1"></div><div class="card card-2014-1"></div>
</div>
<div class="dot dot-12">
<i class="outer"><i class="inner"></i></i><div class="text y-2015"></div><div class="card card-2015"></div>
</div>
<!--无交互的死节点-->
<div class="dot-dead dot-dead-0"></div>
<div class="dot-dead dot-dead-1"></div>
<div class="dot-dead dot-dead-2"></div>
<div class="dot-dead dot-dead-3"></div>
<div class="dot-dead dot-dead-4"></div>
<div class="dot-dead dot-dead-5"></div>
<div class="dot-dead dot-dead-6"></div>
<div class="dot-dead dot-dead-7"></div>
</div>
<div class="cvs0-cover">
<canvas id="cvs0" width="500" height="500"></canvas>
</div>
</div>
<!--
html5百度知道10周年活动页面模板.rar
版权申诉
75 浏览量
2021-11-06
12:24:16
上传
评论
收藏 3.19MB RAR 举报
半抹灯芯
- 粉丝: 74
- 资源: 1075
最新资源
- (完整)数据库课程设计餐厅点餐说明书-21ab6d3c8beb172ded630b1c59eef8c75ebf952c.doc
- 2023-04-06-项目笔记 - 第一百五十四阶段 - 4.4.2.152全局变量的作用域-152 -2024.06.04
- 松哥解协议松哥解协议松哥解协议松哥解协议松哥解协议
- 618节日618节日618节日
- tensorflow-gpu-2.9.1-cp37-cp37m-win-amd64.whl
- tensorflow-gpu-2.9.0-cp37-cp37m-win-amd64.whl
- tensorflow-gpu-2.9.0-cp39-cp39-win-amd64.whl
- lcd daimalcd daima
- 电影领域-推荐算法-个性化内容-观影决策-电影推荐小程序.zip
- 电气控制PLC考试题库
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈