中文前端UI框架Kit

中文前端UI框架Kit

demo地址： http://xueduany.github.com/KitJs/KitJs/index.html#shakehead

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

对于kit.anim.motion方法新增了一个config.reverse参数，控制在动画期间实现正反值的控制

效果不错，有兴趣的童鞋可以试试

有更多需求或者建议，欢迎加群讨论^_^

 

 

标签:  javascript ,  css3 ,  kitjs ,  动画 ,  animation ,  薛端阳 ,  摇头

作者： Leo_wl

　　　　

出处： http://www.cnblogs.com/Leo_wl/

　　　　

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于中文前端UI框架Kit的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did48888