impress.js 的一个本地演示

在之前的 Impress.js——一款 javascript 演示(presentation)框架曾对 impress.js 做了一个简单介绍,还给出了一个官方 demo 的链接。 不过没有梯子的话,访问可能不太稳定,所以这次把它搬到了本地,你可以通过以下链接访问:

impress.js official demo(english version)

另外,官方的是英文版,我也简单翻译了一个中文版的:

impress.js 官方演示(中文版)

最后,照猫画虎,自己也简单折腾了一个,当然就简陋多了,只能算个丑小鸭版:

impress.js——我做的一个简单演示

以上也可以在 //exp.xiaogd.net/ 里找到。

总结一下,impress.js 的过渡效果还是不错的,制作一些简单的幻灯片也比较容易。缺点的话,它基本没有什么缺省的设置,包括定位方面都要一一自己去指定。另外也没有办法定义子步骤,可能要自行去扩展,或使用一些插件之类。最后,如果要进行复杂的演示,还是要自己手写相当多的 html,css 以及 js。

Impress.js——一款 javascript 演示(presentation)框架

impress.js 是一款 javascript 的演示(presentation)框架。

所谓演示,简单讲就是做 PPT。不过它是直接使用 web 技术,也即是 html,css,js 这些技术来制作 PPT。

它主要利用了现代浏览器所支持的 CSS3 中的 transforms 和 transition,其想法受 prezi.com 网站所启发。

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

impress.js 的官网见这里:https://github.com/impress/impress.js

一个官方的示例(demo)见这里:http://impress.github.io/impress.js/#/bored

更多示例可参考官网下的介绍。