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

柳州ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

今天听群里面兄弟在讨论一个摇头的动画效果，类似登陆验证时候，窗口晃动的效果，结合之前说过的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

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

分享文章：中文前端UI框架Kit:摇头动画
文章起源：http://www.gydahua.com/article/dhhcooh.html