impress.js

impress.js是作者受prezi.com的启发，基于css3中的动画transforms，做成的一个表现层工具。

效果非常炫，用起来也比较简洁。

类库：http://bartaz.github.com/impress.js/js/impress.js

样式文件：http://bartaz.github.com/impress.js/css/impress-demo.css(并不是必须的,可以根据需要自己定义)

1.定义一个容器

<div id="impress"></div>

2.在容器中定义一个个class="step"的div，一个div就是一张幻灯片。

3.配置幻灯片的属性

用来描述幻灯片大小，切换等效果。

　　data-x = 幻灯片的x坐标

　　data-y = 幻灯片的y坐标

　　data-scale = 通过指定一个值来进行缩放，data-scale为5则将会在你幻灯片原始尺寸基础放大5倍

　　data-rotate = 通过一个数字度数来确定旋转你的幻灯片

　　data-rotate-x = 为3D用，这个数字度数是它应该相对x轴旋转多少度。（前倾/后仰）

　　data-rotate-y = 为3D用，这个数字度数是它应该相对y轴旋转多少度。 （左摆/右摆）

　　data-rotate-z = 为3D用，这个数字度数是它应该相对z轴旋转多少度。

4.在body结束之前引入impress.js并且初始化.impress().init()