javascript 实现页面拖拽布局，可拖拽调整大小

这是一个web页面窗体拖拽程序，从一个按钮（可以使图片，button等等，自己定）拖拽出一个DIV（也可根据自己需要修改），拖拽次数没有限制，该DIV拖拽出来后可以继续调整位置和大小，可用于库房可视化布局等等。只是个原型，比较粗糙，具体应用还需要美化和改造

using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.xml.Linq;
using System.Text;
using System.Collections;

public partial class Default : System.Web.UI.Page 
{
    static ArrayList al = new ArrayList（）;
    protected void Page_Load（object sender EventArgs e）
    {
        
    }
    protected void huoJiaBtn_Click（object sender EventArgs e）
    {
        if （al.Count != 0）
        {
            for （int i = 0; i < al.Count; i++）
            {
                this.form1.Controls.Add（（HtmlGenericControl）Session[al[i].ToString（）]）;
            }
        }
        string id = DateTime.Now.Ticks.ToString（）;
        HtmlGenericControl newDiv = new HtmlGenericControl（）;
        newDiv.ID = id;
        newDiv.Attributes.Add（“class“ “jqDnR“）;
        HtmlGenericControl div1 = new HtmlGenericControl（）;
        div1.Attributes.Add（“class“ “jqDrag“）;
        HtmlGenericControl div2 = new HtmlGenericControl（）;
        div2.Attributes.Add（“class“ “jqResize“）;
        newDiv.Controls.Add（div1）;
        newDiv.Controls.Add（div2）;
        this.form1.Controls.Add（newDiv）;
        Session[id] = newDiv;
        StringBuilder scriptpro = new StringBuilder（）;
        scriptpro.Append（“ript language=‘javascript‘>“）;
        scriptpro.Append（“$（）.ready（function（） {“）;
        scriptpro.Append（string.Format（“$（‘#{0}‘）.jqDrag（‘.jqDrag‘）.jqResize（‘.jqResize‘）;“ id））;

        scriptpro.Append（“  }）;“）;
        scriptpro.Append（“ript>“）;
        al.Add（id）;
        string js = scriptpro.ToString（）;
        Page.Clientscript.RegisterStartupscript（this.GetType（） “studyfirst“ + id js）;
    }
    protected void Timer1_Tick（object sender EventArgs e）
    {

    }
}

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

     文件       1954  2011-04-21 17:20  DragWeb\Default.aspx.cs

     文件       8068  2011-04-21 13:57  DragWeb\web.config

     文件      41768  2011-02-28 14:03  DragWeb\1.jpg

     文件        453  2011-04-21 14:50  DragWeb\Default2.aspx.cs

     文件       3218  2011-04-22 13:49  DragWeb\Default2.aspx

     文件       1430  2011-04-22 10:27  DragWeb\Default.aspx

     文件      23889  2011-04-20 15:35  DragWeb\JS\dimensions.js

     文件       1294  2011-04-20 15:35  DragWeb\JS\jqDnR.js

     文件       3355  2011-04-20 15:35  DragWeb\JS\jqModal.js

     文件      21557  2011-04-20 15:35  DragWeb\JS\jquery.js

     目录          0  2011-04-20 10:14  DragWeb\App_Data

     目录          0  2011-04-21 09:09  DragWeb\JS

     目录          0  2011-04-20 10:14  DragWeb

----------- ---------  ---------- -----  ----

               106986                    13