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

我正在查看HTML5演示文稿並想知道是否有人知道如何創建實際演示文稿。您可以放大和縮小並查看所有幻燈片。您還可以使用鍵盤進行導航。如何模仿使用HTML/CSS和javascript的Powerpoint演示感覺

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

2010-07-09 M Thomas

首先，它不是真正模仿的PowerPoint。它超越了PowerPoint。 :)其次，它正在做這個URL暗示的東西：用HTML 5搖擺你的世界。每張幻燈片都是HTML 5中可用的標記和CSS（以及Javascript）的示例。要找出所有關於它們的方式，請右鍵單擊該頁面，並選擇「查看源代碼」...它會告訴你所有的標記和腳本等

來源

2010-07-09 02:30:38 Robusto

你絕對可以做羅布託建議和查看源代碼並從那裏去。

但是，您可能會發現通過訪問http://studio.html5rocks.com/#Deck並從此處下載示例可以更容易地獲得更多的剝離版本。它基本上是同樣的東西，但外部依賴性更少，初始幻燈片更少，因此可能更容易處理。基本上，將每個幻燈片的內容放在一個< div class =「slide」> ... </div >您可以看到它與源代碼中的四個樣本幻燈片的方式。

來源

2011-04-19 18:03:31 Trott

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

有一個非常有用的CSS3，HTML5庫叫做impress.js

來源

2012-07-19 23:12:00 hawaiianchimp

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

回答

相關問題