日期:2014-05-16  浏览次数:20556 次

给力的轻量级JavaScript动画框架 - jsMorph
转自给力技术: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

    查看演示