前端插件reveal.js制作PPT-进阶

一、文件夹结构

1、css/ 核心样式文件
2、js/ 核心 JavaScript 文件
3、plugin/ 为 reveal.js 开发的组件
4、lib/ 所有其它第三方的资源 (JavaScript, CSS, fonts)

二、幻灯片内容实现方法

幻灯片的内容需要包含在<div class="reveal"> <div class="slides">的标签中。

一个section是一页幻灯片。

如果你将多个 <section> 放到另一个<section> 的内部，它们将会以垂直幻灯片的方式显示。第一个垂直幻灯片是其它的 “root（根）”

怎么理解呢？ 可以这样理解：横向的幻灯片代表一章，纵向的幻灯片代表一章中的一节。那么横向的幻灯片在播放时是左右切换的，而纵向的幻灯片是上下切换的。

For example:

<div class="reveal">
    <div class="slides">
        <section>Single Horizontal Slide</section>
        <section>
            <section>Vertical Slide 1</section>
            <section>Vertical Slide 2</section>
        </section>
    </div>
</div>

三、其他内容

其他具体内容请查询下节参考引用。

四、参考

1、reveal.js-一个专门用来做 HTML 演示文稿的框架
2、HTML5幻灯片库reveal.js使用
3、使用reveal.js制作一个酷炫的网页ppt
4、Reveal.js：把你的 Markdown 文稿变成 PPT