给力的轻量级JavaScript动画框架

ti8989

转自给力技术：http://site518.net/javascript-animate-framework-jsmorph/

　　jsMorph 是一个独立的轻量级 JavaScript 动画框架，可以用它来操纵多个 HTML 元素的样式，实现动画效果。此框架会自动检测起始位置、转换单位、调整渲染的速度，以此来获得更流畅的渲染体验。此外，它也提供了相当齐全的文档和完整示例，操作上也支持链式的写法。它也有一个优化过的浏览器渲染缓冲区，因此运行速度非常快，占用内存也不高。
　　最重要的一点是，此框架在低版本的IE中也运行得相当好。
如何使用

　　首先在页面中引入该框架

<script src="jsMorph-0.4.0.min.js" type="text/javascript"></script>

　　以下用最基础的例子来说明

new jsMorph('demo', {left:'200px'}).start();

　　建立一个实例，然后使用 start 方法启动之，实现的效果是将 id 为 demo 的 div 往右滑行200px

    查看演示