关于animate

原创
2015/07/30 14:58
阅读数 406

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

            });

展开阅读全文
加载中

作者的其它热门文章

打赏
0
1 收藏
分享
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部
返回顶部
顶部