jQuery插件animateToClass实现javascript自定义动画效果

或许使用这个JavaScript库也可以达到自定义动画的功能：
http://raphaeljs.com/


出自： http://www.biuuu.com/p656.html
使用jQuery可实现超眩的动画效果，但在实现时需要一个变量一个值的形式，如下：

   1. $("#biuuu").animate({
   2. "margin-left" : "40px",
   3. "width" : "300px",
   4. "heigth" : "150px"
   5. }, 1000);

对于实现复杂的动画效果来说，变量和值创建动画代码就会特别多，严重影响代码阅读，不利于动画效果的后期维护，jQuery插件animateToClass只要定义CSS样式，通过样式名做为变量可直接将所需效果定义于动画，如下：

   1. $("#biuuu").animateToClass("bar", 1000);

不需要维护大量的JS代码，只需要定义好CSS样式，非常简单，下面做了一个简单的实例，

animatetoclass

anima