HTML5幻灯片库reveal.js使用
介绍 reveal.js 是一个用于实现幻灯片效果的库。使用该库。 github地址: github 提供了页面编辑功能: slides.com 官方demo: demo 我自己做的PPT地址: ppt (建议使用Chrome查看) 特点 reveal.js 有一下几个特点: 支持标签来区分每一页幻灯片 可以使用markdown来写内容 支持pdf的导出 支持演说注释 提供JavaScript API来控制页面 提供了多个默认主题和切换方式 自适应移动端和PC端 安装 从 reveal.js 上下载压缩包,并解压 进入 reveal.js 文件夹,直接修改 index.html 文件就可以 编辑后好,用浏览器打开html页面就可以看到PPT的内容。 必需的文件只有这几个: 使用方法 整体布局 幻灯片的内容需要包含在 <div class="reveal"> <div class="slides"> 的标签中。 一个 section 是一页幻灯片。当 section 包含在 section 中时,是一个纵向的幻灯片。 怎么理解呢? 可以这样理解:横向的幻灯片代表一章,纵向的幻灯片代表一章中的一节。那么横向的幻灯片在播放时是左右切换的,而纵向的幻灯片是上下切换的。For example: <div class="reveal"> <div class="slides">