或许使用这个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
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