首页 > 其他 > 详细

关于animate

时间:2015-07-30 17:18:13      阅读:255      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!