Javascript

在頁面最后，我們需要運(yùn)行下面的代碼來初始化幻燈片。注意，所有的配置的值都是可選的，下面展示的都是默認(rèn)值：

以上代碼實(shí)現(xiàn)了可以允許右下角的控制條控制切換展示幻燈片、并顯示演示幻燈片的進(jìn)度條，以及顯示幻燈片的頁碼。

選項(xiàng)設(shè)置

參數(shù)描述默認(rèn)值controls是否在右下角展示控制條trueprogress是否顯示演示的進(jìn)度條trueslideNumber是否顯示當(dāng)前幻燈片的頁數(shù)編號，也可以使用代碼slideNumber: 'c / t' ，表示當(dāng)前頁/總頁數(shù)。falsehistory是否將每個(gè)幻燈片改變加入到瀏覽器的歷史記錄中去falsekeyboard是否啟用鍵盤快捷鍵來導(dǎo)航trueoverview是否啟用幻燈片的概覽模式，可使用"Esc"或"o"鍵來切換概覽模式truecenter是否將幻燈片垂直居中truetouch是否在觸屏設(shè)備上啟用觸摸滑動切換trueloop是否循環(huán)演示falsertl是否將演示的方向變成RTL，即從右往左falsefragments全局開啟和關(guān)閉碎片。trueautoSlide兩個(gè)幻燈片之間自動切換的時(shí)間間隔（毫秒），當(dāng)設(shè)置成 0 的時(shí)候則禁止自動切換，該值可以被幻燈片上的 ` data-autoslide` 屬性覆蓋0transition切換過渡效果，有none/fade/slide/convex/concave/zoom'default'transitionSpeed過渡速度，default/fast/slow'default'mouseWheel是否啟用通過鼠標(biāo)滾輪來切換幻燈片true

此外，reveal.js還提供了全屏模式，只需要在鍵盤上點(diǎn)擊 ?F? 按鍵即可進(jìn)入全屏模式，點(diǎn)擊 ?ESC? 按鍵可退出全屏模式。

reveal.js還有一個(gè)片段概念，片段被用來在一個(gè)幻燈片中來突出顯示單獨(dú)的一個(gè)元素。每一個(gè)帶有 fragment 樣式的元素將會在切換到下一個(gè)幻燈片之前被走過。默認(rèn)的片段樣式是開始不可見，然后淡入，我們可以將同一張幻燈片里的多個(gè)段落分作多個(gè)片段，并給他們加上.fragment樣式即可，就像DEMO演示中的：

關(guān)于幻燈片切換效果，是通過transition配置值來設(shè)定的。我們也可以通過指定data-transition屬性來重寫全局配置。例如：

還有一個(gè)問題，如何設(shè)置幻燈片背景？幻燈片包含在幕的一個(gè)有限區(qū)域中，默認(rèn)情況下，允許它們適應(yīng)任何視口和縮放一致性。你可以通過給你的