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()