24行代码，让你的网页元素任意放大、缩小、拖拽、移动

weixin_33692284

于 2014-06-08 12:34:00 发布

阅读量148

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/huangfude/blog/276745

版权

2019独角兽企业重金招聘Python工程师标准>>>

基于JQuery：

$(document).mousemove(function(e) {
    if (!!this.move) {
        var posix = !document.move_target ? {'x': 0, 'y': 0} : document.move_target.posix,
            callback = document.call_down || function() {
                $(this.move_target).css({
                    'top': e.pageY - posix.y,
                    'left': e.pageX - posix.x
                });
            };
 
        callback.call(this, e, posix);
    }
}).mouseup(function(e) {
    if (!!this.move) {
        var callback = document.call_up || function(){};
        callback.call(this, e);
        $.extend(this, {
            'move': false,
            'move_target': null,
            'call_down': false,
            'call_up': false
        });
    }
});

在线演示，原理分析，请查看 http://levi.cg.am/?p=3486

转载于:https://my.oschina.net/huangfude/blog/276745