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.定义一个容器 ```html

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

impress.js,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。