中文前端UI框架Kit:摇头动画

发现没有晃动效果的朋友记得清下缓存，因为kit.anim对象的js文件有更新，3Q3Q。

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

 
 
 
 

  
  
  
  
function a1() {  
  
  
  
  
                    $kit.anim.motion({  
  
  
  
  
                        duration : 1000,//持续时间  
  
  
  
  
                        el : "#test1",  
  
  
  
  
                        fx : $kit.anim.fx('swing'),  
  
  
  
  
                        from : {  
  
  
  
  
                            'margin-left' : '50px' 
  
  
  
  
                        },  
  
  
  
  
                        to : {  
  
  
  
  
                            'margin-left' : '0px' 
  
  
  
  
                        },  
  
  
  
  
                        reverse: true,  
  
  
  
  
                        timeSeg: 33,//晃动频率，自己调  
  
  
  
  
                        then : function() {  
  
  
  
  
                            $kit.log('摇动完毕？再shake一次？')  
  
  
  
  
                        }  
  
  
  
  
                    });  
  
  
  
  
                }  
 
 
 
 

预览效果：

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

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

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

【编辑推荐】

1. JavaScript制作新浪网易的评论块
2. JavaScript图片变换效果(IE only)
3. JavaScript提升网页加载速度
4. JavaScript马赛克遮罩图片幻灯片切换类
5. 看JavaScript如何实现页面自适