类似MSN space 的那种我写过,不过可定制性太差,代码也很乱
有时间再整理整理,先顶一下

解决方案 »

  1.   

    不用往數據庫裏存吧,直接用FSO重寫一下程序就可以了吧要保存網頁,可以把源碼複制出來,再把源碼相應的JS文件也另存了,就相當於你把頁面下載下來也,
      

  2.   

    """不用往數據庫裏存吧,直接用FSO重寫一下程序就可以了吧"""這個不對,不能寫,
      

  3.   

    <html>
    <head>
    <title> Drag Demo 2 </title>
    <style type="text/css">
    <!--
    #drag{
    width:100px;
    height:20px;
    background-color:#eee;
    border:1px solid #333;
    position:absolute;
    top:30px;
    left:200px;
    text-align:center;
    cursor:default;
    }
    //-->
    </style>
    <script type="text/javascript">
    <!--
    window.onload=function(){
    drag(document.getElementById('drag'),[200,400,30,30]);
    };function drag(o,r){
    o.onmousedown=function(a){
    var d=document;if(!a)a=window.event;
    var x=a.layerX?a.layerX:a.offsetX,y=a.layerY?a.layerY:a.offsetY;
    if(o.setCapture)
    o.setCapture();
    else if(window.captureEvents)
    window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); d.onmousemove=function(a){
    if(!a)a=window.event;
    if(!a.pageX)a.pageX=a.clientX;
    if(!a.pageY)a.pageY=a.clientY;
    var tx=a.pageX-x,
    ty=a.pageY-y;
    o.style.left=tx<r[0]?r[0]:tx>r[1]?r[1]:tx;
    o.style.top=ty<r[2]?r[2]:ty>r[3]?r[3]:ty;
    }; d.onmouseup=function(){
    if(o.releaseCapture)
    o.releaseCapture();
    else if(window.captureEvents)
    window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

    d.onmousemove=null;
    d.onmouseup=null;
    };
    };
    }
    //-->
    </script>
    </head><body>
    <div id="drag">drag me</div>
    </body>
    </html>
    这个是托拽的核心代码,楼主可以研究一下。跨浏览器的。
    至于第二个问题,可以给每个div设置一个id值,提交的时候遍历id,再把id提交到后台就ok!