如何模仿使用HTML/CSS和javascript的Powerpoint演示感觉

Question

我正在查看HTML5演示文稿并想知道是否有人知道如何创建实际演示文稿。您可以放大和缩小并查看所有幻灯片。您还可以使用键盘进行导航。

下面是用幻灯片的网站：http://slides.html5rocks.com/#slide5

Answer 1

首先，它不是真正模仿的PowerPoint。它超越了PowerPoint。 :)其次，它正在做这个URL暗示的东西：用HTML 5摇摆你的世界。每张幻灯片都是HTML 5中可用的标记和CSS（以及Javascript）的示例。要找出所有关于它们的方式，请右键单击该页面，并选择“查看源代码”...它会告诉你所有的标记和脚本等

Answer 2

你绝对可以做罗布托建议和查看源代码并从那里去。

但是，您可能会发现通过访问http://studio.html5rocks.com/#Deck并从此处下载示例可以更容易地获得更多的剥离版本。它基本上是同样的东西，但外部依赖性更少，初始幻灯片更少，因此可能更容易处理。基本上，将每个幻灯片的内容放在一个< div class =“slide”> ... </div >您可以看到它与源代码中的四个样本幻灯片的方式。

Answer 3

在http://bartaz.github.com/impress.js/

有一个非常有用的CSS3，HTML5库叫做impress.js