思洋互动网站建设学前班

今天听群里面兄弟在讨论一个摇头的动画效果，类似登陆验证时候，窗口晃动的效果，结合之前说过的kitjs的anim类，我们可以很轻松的实现类似的组件晃动效果
广州网站建设,网站建设,广州网页设计,广州网站设计

1. function a1() {  
2.                     $kit.anim.motion({  
3.                         duration : 1000,//持续时间  
4.                         el : "#test1",  
5.                         fx : $kit.anim.fx('swing'),  
6.                         from : {  
7.                             'margin-left' : '50px' 
8.                         },  
9.                         to : {  
10.                             'margin-left' : '0px' 
11.                         },  
12.                         reverse: true,  
13.                         timeSeg: 33,//晃动频率，自己调  
14.                         then : function() {  
15.                             $kit.log('摇动完毕？再shake一次？')  
16.                         }  
17.                     });  
18.                 }  

预览效果：

在线效果预览：http://xueduany.github.com/KitJs/KitJs/demo/ShakeHead/demo.html

效果不错，有兴趣的朋友可以试试

原文链接：http://www.cnblogs.com/xueduanyang/archive/2012/06/06/2538289.html