• 拖动DIV


    var rDrag = {
     
     o:null,
     
     init:function(o){
      o.onmousedown = this.start;
     },
     start:function(e){
      var o;
      e = rDrag.fixEvent(e);
                   e.preventDefault && e.preventDefault();
                   rDrag.o = o = this;
      o.x = e.clientX - rDrag.o.offsetLeft;
                    o.y = e.clientY - rDrag.o.offsetTop;
      document.onmousemove = rDrag.move;
      document.onmouseup = rDrag.end;
     },
     move:function(e){
      e = rDrag.fixEvent(e);
      var oLeft,oTop;
      oLeft = e.clientX - rDrag.o.x;
      oTop = e.clientY - rDrag.o.y;
      rDrag.o.style.left = oLeft + 'px';
      rDrag.o.style.top = oTop + 'px';
     },
     end:function(e){
      e = rDrag.fixEvent(e);
      rDrag.o = document.onmousemove = document.onmouseup = null;
     },
        fixEvent: function(e){
            if (!e) {
                e = window.event;
                e.target = e.srcElement;
                e.layerX = e.offsetX;
                e.layerY = e.offsetY;
            }
            return e;
        }
    }
    window.onload = function(){
            var obj = document.getElementById('draggable');
     rDrag.init(obj);
    }

  • 相关阅读:
    实际项目管理-1
    arcengine 错误
    一些视频技术类网站
    winform 组件之dotnetbar10.5.3
    winform 弹框的组件
    一个好的开源网站
    写webservice 注意点
    ww
    js
    瀑布流
  • 原文地址:https://www.cnblogs.com/dengjd/p/3528751.html
Copyright © 2020-2023  润新知