zoukankan      html  css  js  c++  java
  • 中文前端UI框架Kit(十一)摇头动画?让你的页面元素嗑药嗑起来??

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

    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参数,控制在动画期间实现正反值的控制

    image

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

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

  • 相关阅读:
    (转)接口100
    (转)WordPress常用模板函数 修改或自制WordPress主题必备
    (转)Memcached 之 .NET(C#)实例分析
    Ubuntu(Linux) + mono + xsp4 + nginx +asp.net MVC3 部署
    urls.py路由系统分发的本质
    Django-缓存
    Django-信号
    MySQL表按月切割
    通过ModelForm实现主机添加和编辑
    字定义JSON序列化支持datetime格式序列化
  • 原文地址:https://www.cnblogs.com/xueduanyang/p/2538289.html
Copyright © 2011-2022 走看看