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

发现没有晃动效果的朋友记得清下缓存，因为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.shufengxianlan.com/qtweb/news29/485829.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联