摘要

無意中看到這個插件，很喜歡，可以作用在演講ppt，幻燈片，用戶指引上等。代碼簡單，易維護

reveal.js不依賴其他任何javascript庫，是一個獨立的javascript插件庫。它提供了多種幻燈片過渡效果，是一個非常棒的在線演示庫。

head:

<link rel="stylesheet" href="css/reveal.css" />
<script type="text/javascript" src="js/reveal.js" ></script>

html:(基礎的幻燈片html)

<div class="reveal">
<div class="slides">
<section><img src="images/banner1.jpg" width="100%"/></section>
<section><img src="images/banner2.jpg" width="100%"/></section>
</div>
</div>

js：

Reveal.initialize({
controls:true, //是否右下角顯示控制條

progress:true, //是否顯示進度條

slideNumber:‘‘c/t’

})

Reveal.js一個用來做WEB演示文稿的框架