reveal.js 介绍
reveal.js是 一个 能够帮助我们很轻易地使用html来创建漂亮的演示 效果 ，也就是我们常见的PPT 幻灯片 。reveal.js不依赖其他任何JavaScript库，是 一个 独立的JavaScript 插件 库。它提供了多种 幻灯片 过渡 效果 ，是 一个 非常棒的在线演示库。?
reveal.js还拥有许多高级特性，完整安装，某些 reveal.js 的 功能 ，像外部的Markdown和演讲注释，需要演示文稿运行在本地的 一个 web服务器上，因此需要在nodejs环境下运行，安装node.js以及grunt，稍微比较复杂。本文采用简单安装，结合本站实例，使用reveal.js实现演示文稿的 功能 。
reveal.js的使用
首先需要引入reveal主要的css以及js 文件
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/moon.css">
<script src="js/reveal.js"></script>
<div class="reveal">
<div class="slides">
<section>slide1</section>
<section>slide2</section>
</div>
</div>
<script>
Reveal.initialize({
// 是否在右下角展示控制条
controls: true,
// 是否 显示 演示的进度条
progress: true,
// 是否 显示 当前 幻灯片 的页数
slideNumber: 'c/t'
});
</script>
以上 代码 实现了可以允许右下角的控制条控制切换展示 幻灯片 、并 显示 演示 幻灯片 的进度条，以及 显示 幻灯片 的 页码 。?
?
网站地址 : http://lab.hakim.se/reveal-js/
GitHub: https://github.com/hakimel/reveal.js
网站描述: 一个 用来做WEB演示文稿的框架
reveal.js官方网站
官方网站： http://lab.hakim.se/reveal-js/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。