class="post_content" itemprop="articleBody">
还在用 MS Powerpoint?太out了,当然是个人都知道 ppt 有多out,可别以为 Keynote,或者 Prezi 就不 out 了。下面列举的的工具大多在效果上不弱于这些收费软件,不过一则基于浏览器、二则有厚重的 Geek 味,关键还是免费的……
Reveal.js
目前用得最多的展示工具,主要并不在于效果够炫(当然 3D 转场也算得上炫),而在于支持 markdown,非常方便将平时用 markdown 作的笔记,借用 pandoc 迅速转成展示用的幻灯片。它的特点在于可以水平和垂直两个方向进行幻灯片的切换。每张幻灯片是以 section 标签区分,最终生成一张 html 文件,文件放在 reveal.js 文件夹就可以出现效果,就算没有 reveal.js,html 文件也易于阅读。
下载 reveal.js
如果懒得折腾,也有 在线编辑器
如果喜欢折腾,当然可以通过更改 ccs,获得更多不多效果。
Impress.js
如果说 reveal.js 的效果是炫,那么 impress.js 的效果是炫暴了。impress.js 受到 prezi 的深刻影响,其实很难用文字形容它能呈现的3D效果,打开看看就知道了。
它使用div标签来区分每个页面,页面可以在 x,y,z 三个轴上位移与旋转。
下载 impress.js
如果不想折腾,也有在线编辑器 strut
Jimpress.js
jQuery 版的 impress.js
下载 jimpress
Google Slides Template
没错,Google 也有它的 html5 幻灯模板,当然没有 reveal.js,impress.js 的话,它也算不错了,只是它只能由右向左滑动。
页面用 article 区别,也可以用 css 自定义风格。
下载 Google Sildes Template
Deck.js
最早的 html5 幻灯片工具,功能和 google slides template 差不多,没有什么转场效果。
下载 deck.js
Shower
下载 shower
Shower 是 Opera 的 Vadim Makeev 开发的,虽然效果比不上最炫的那几位,不过对不同的浏览器支持很好,可以点 Esc 开启幻灯片缩略图。
Slippy
支持多种浏览器,无转场特效。
CSSS
基于 css 的幻灯工具
io-2012-slides
就是原来的 html5slides,不要被那个2012迷惑了,那是说从2012年开始开发,不是说最新的版本是2012年开发的。支持 markdown.
Fathom.js
既可以使用鼠标也可以使用键盘操作。
下载 fathom.js
html5rocks
dzslides
单页模板,可以放入文本、图片、视频、iframes,也适合移动终端。
下载 dzslides
Flow.js
由 css3 管理动画,Javascript 负责导航与高级功能。
在线编辑器 slidecaptain
S5
下载 S5
Scrolldeck.js
下载 Scrolldeck.js
Slides
下载 Slides下一页12