可自由拖动的DIV层方块

可以自由拖动的DIV层窗口，鼠标按住广场的任一地方都可以实现拖动，有一些是按住标题部分可拖动，似乎这种的拖动体验更好一些，不信你就试一下，这里只介绍一种简单的拖动方法，让你学会如何使一个层实现拖动！

参考地址： http://www.codefans.net/jscss/code/573.shtml

\<\style type="text/css">
#draggable{
background-color:green;
font-size:9pt;
padding:30px;
color:white;
width:360px;
height:224px;
position:absolute;
}
\<\/style>
\<\script type="text/javascript">
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.getElementByIdx_x_x('draggable');
  rDrag.init(obj);
}
\<\/script>

这个可以拖动！