给力的轻量级JavaScript动画框架 - jsMorph

本文主要是介绍给力的轻量级JavaScript动画框架 - jsMorph，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

　　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

[url=http://site518.net/demo/jsmorph/demo.htm]查看演示[/url]

这篇关于给力的轻量级JavaScript动画框架 - jsMorph的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---