源码看了两天,删掉了一些优化,和对 ipad 的支持,仅研究了其核心功能的实现,作以下记录。

 

HTML 结构如下:

 1 <!doctype html>
 2 
 3 <html lang="zh-cn">
 4 <head>
 5     <meta charset="utf-8" />
 6     <title>impress.js</title>
 7     <link href="css/impress-demo.css" rel="stylesheet" />
 8 </head>
 9 
10 <body>
11 
12 <div id="impress">
13 
14     <div class="step" data-x="1000" data-rotate-y="45" data-scale="3">第一幕</div> 
15     <div class="step"  data-z="1000" data-rotate-y="45" data-rotate-z="90" data-scale="2">第二幕</div>
16     <div class="step" data-x="0" data-z="1000" data-rotate-y="45" data-rotate-z="80" data-scale="1">第三幕</div>
17     <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10"></div>
18 
19 </div>
20 
21 <script src="js/impress.js"></script>
22 
23 </body>
24 </html>
View Code

相关文章:

  • 2022-12-23
  • 2021-06-08
  • 2022-02-09
  • 2022-12-23
  • 2021-07-23
  • 2021-07-18
  • 2021-12-24
  • 2021-12-30
猜你喜欢
  • 2022-12-23
  • 2021-11-03
  • 2022-01-22
  • 2021-08-09
  • 2022-01-04
  • 2022-12-23
  • 2021-06-24
相关资源
相似解决方案