中文前端UI框架Kit（十一）摇头动画？让你的页面元素嗑药嗑起来？？-白红宇

中文前端UI框架Kit（十一）摇头动画？让你的页面元素嗑药嗑起来？？

阅读量：6265 次

发布时间：2019-06-22

本文共 608 字，大约阅读时间需要 2 分钟。

号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题

demo地址：

发现没有晃动效果的同学记得清下缓存，因为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一次？')
                        }
                    });
                }