|
几个秒杀PPT的高（zhe）大(teng)上(ren)的幻灯工具
发表于 低科技 2014-03-31 17:18 字数: 1020 阅读量: 185
还在用MS Powerpoint？太out了，当然是个人都知道ppt有多out，可别以为Keynote，或者Prezi就不out了。下面列举的的工具大多在效果上不弱于这些收费软件，不过一则基于浏览器、二则有厚重的Geek味，关键还是免费的。
Reveal.js
[图片上传失败...(image-4bf690-1544097590672)]
目前用得最多的展示工具，主要并不在于效果够炫（当然3D转场也算得上炫），而在于支持markdown，非常方便将平时用markdown作的笔记，借用pandoc迅速转成展示用的幻灯片。它的特点在于可以水平和垂直两个方向进行幻灯片的切换。每张幻灯片是以section标签区分，最终生成一张html文件，文件放在reveal.js文件夹就可以出现效果，就算没有reveal.js，html文件也易于阅读。
如果懒得折腾，也有 在线编辑器
[图片上传中...(image-90442-1544097590672-33)]
如果喜欢折腾，当然可以通过更改ccs，获得更多不多效果。
Impress.js
[图片上传失败...(image-69e624-1544097590672)]
如果说reveal.js的效果是炫，那么impress.js的效果是炫暴了。impress.js受到prezi的深刻影响，其实很难用文字形容它能呈现的3D效果，打开看看就知道了。
它使用div标签来区分每个页面，页面可以在x,y,z三个轴上位移与旋转。
如果不想折腾，也有在线编辑器strut
[图片上传中...(image-bdb39b-1544097590672-31)]
Jimpress.js
[图片上传中...(image-ac1f5c-1544097590672-30)]
jQuery版的impress.js
Google Slides Template
[图片上传失败...(image-99aed6-1544097590672)]
没错，Google也有它的html5幻灯模板，当然没有reveal.js,impress.js的话，它也算不错了，只是它只能由右向左滑动。
页面用article区别，也可以用css自定义风格。
Deck.js
[图片上传失败...(image-ce6112-1544097590672)]
最早的html5幻灯片工具，功能和google slides template差不多，没有什么转场效果。
Shower
[图片上传失败...(image-5c0349-1544097590672)]
Shower是Opera的Vadim Makeev开发的，虽然效果比不上最炫的那几位，不过对不同的浏览器支持很好，可以点Esc开启幻灯片缩略图。
Slippy
[图片上传失败...(image-8ac15d-1544097590672)]
支持多种浏览器，无转场特效。
CSSS
[图片上传失败...(image-9d684-1544097590672)]
基于css的幻灯工具
io-2012-slides
就是原来的html5slides，不要被那个2012迷惑了，那是说从2012年开始开发，不是说最新的版本是2012年开发的。支持markdown.
Fathom.js
[图片上传失败...(image-598fb9-1544097590672)]
既可以使用鼠标也可以使用键盘操作。
html5rocks
[图片上传失败...(image-dad54-1544097590672)]
dzslides
[图片上传失败...(image-92307-1544097590672)]
单页模板，可以放入文本、图片、视频、iframes,也适合移动终端。
Flow.js
[图片上传失败...(image-bbbefc-1544097590672)]
由css3管理动画，Javascript负责导航与高级功能。
[图片上传失败...(image-4299ec-1544097590672)]
S5
[图片上传中...(image-6c4968-1544097590672-19)]
Scrolldeck.js
[图片上传失败...(image-971c7c-1544097590672)]
Slides
[图片上传失败...(image-2fd3d5-1544097590671)]
Landslide
[图片上传失败...(image-f8ef17-1544097590671)]
支持makrdown与reStructuredText
Pow
[图片上传失败...(image-54a3a4-1544097590671)]
Stack
[图片上传中...(image-e49dad-1544097590671-14)]
转场采取的垂直下拉的方式
Bespoke.js
[图片上传失败...(image-962e33-1544097590671)]
Micro-Framework演示工具
Scriptless
[图片上传失败...(image-a26da8-1544097590671)]
Html Slidy
[图片上传失败...(image-d61859-1544097590671)]
用于创建 html和Xhtml格式的幻灯。
Slidedown
从markdown生成语法高亮的幻灯。
Perkele.js
[图片上传失败...(image-cdc3f1-1544097590671)]
JavaScript幻灯框架
HoverForMore.js
[图片上传失败...(image-911d82-1544097590671)]
可以以跑马灯形式上下或左右滚动显示，需jQuery或Zepto,对不同浏览器支持良好。
Showoff
将以makrdown写的幻灯与showoff.json组织在起一起，打开浏览器并运行showoff serve
[3D Cube Slideshow]
[图片上传失败...(image-296bc3-1544097590671)]
非常酷的三维转场效果。
Cleaver
[图片上传失败...(image-ea3bf4-1544097590671)]
号称黑客三十称就可以用的幻灯。
Mosho
[图片上传失败...(image-af366-1544097590671)]
受到impress.js的启发，但使用了css3的3D转场效果，具有非线性链接。
Awwation
[图片上传失败...(image-feeab9-1544097590671)]
仿prezi效果。
Presenteer.js
[图片上传失败...(image-ea03b4-1544097590671)]
使用css3变形与转场的html5幻灯。
Presentz
[图片上传失败...(image-29abdc-1544097590671)]
可以把Vimeo, Youtube，Slideshare上的内容整合到幻灯中。
Collage.js
[图片上传失败...(image-8412c0-1544097590671)]
可以选择纯 JavaScript方式或是node.js方式,显示出二维拼贴效果的幻灯。
[下载Collage.js]（https://github.com/oztu/collage/archive/master.zip%EF%BC%89
Tacion.js
[图片上传失败...(image-16354b-1544097590671)]
实时演示可互动的jQuery动态框架
WOW Slider
[图片上传中...(image-61f59f-1544097590671-0)]
让人WoW地一声幻灯，可免费非商业使用。
|
