码迷,mamicode.com
首页 > 其他好文 > 详细

关于animate

时间:2015-07-30 17:20:41      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

var sum = {

    left:function(e,m,t){//纵向移动;

        $(e).animate({

            left:m

        },t);

    },

    top:function(e,m,t){//横向移动;

        $(e).animate({

            top:m

        },t);

    },

    leftTop:function(e,w,h,t){//左上角为起始点;

        $(e).animate({

            width:w,

            height:h

        },t);

    }

};

//动画方向选择及调用;

function selectFun(x){

    var fx = x.select;

    switch (fx){

        case "left":

            sum.left(x.e,x.m,x.t);

            break;

        case "top":

            sum.top(x.e,x.m,x.t);

            break;

        case "leftTop":

            sum.leftTop(x.e,x.w,x.h,x.t);

            break;

    }

    fx = null;

}


(function(a){

    //select表示选择方向 e 表示元素类名 m表示元素的移动像素 t执行动画所需要的时间;

    a.callAnimate = function(){

        selectFun(arguments[0]);

    };

})(jQuery);

jQuery.callAnimate({

                select:"left",

                e:".test",

                m:"300px",

                t:3000

            });

关于animate

标签:

原文地址:http://my.oschina.net/530520/blog/485633

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!