当前位置:编程学习 > C#/ASP.NET >>

怎么实现可拖动边框的div?

我是想做这样一个程序,两个div,左边的div放一个TreeView,右边的div放些控件显示信息。
中间有个边框,这个边框要求是可以拖动的,怎么实现,急啊!!! --------------------编程问答--------------------
参考。。。。。。。。。 --------------------编程问答--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language=javascript>
        var intX;
        var intY;
        var blnDrag = false; //鼠标是否已经按下

        //鼠标按下
        function MouseDown(id) {
            //鼠标按下
            blnDrag = true;
            intX = event.clientX - GetDiv(id).style.pixelLeft;
            intY = event.clientY - GetDiv(id).style.pixelTop;
        }

        //鼠标拖动
        function DragDiv(id) {
            
            //判断鼠标是否已经按下
            if (!blnDrag) {
                return false;
            }
            else {
                GetDiv(id).style.pixelLeft = event.clientX - intX;
                GetDiv(id).style.pixelTop = event.clientY - intY;
            }
        }
        
        //鼠标松开时
        function mouseUp() {
            //鼠标没有按下
            blnDrag = false;
        }

        //得到DIV
        function GetDiv(id) {
            return document.getElementByIdx(id);
        }

        
    </script>
</head>
<body >
    <form id="form1" runat="server">
    
    
   <div id="div1" style="CURSOR: move; POSITION: absolute;  WIDTH: 140px; HEIGHT: 112px; background-color:Red"
    onmousemove="DragDiv(this.id)" 
    onmousedown="MouseDown(this.id)"
    onmouseup="mouseUp()"></div>
    </form>
</body>
</html>

DIV拖动 --------------------编程问答--------------------
http://www.twinhelix.com/javascript/dragresize/demo/ --------------------编程问答-------------------- 2L那个好像不能用啊,我用的是IE6,是IE6下不管用吗?最好给个有用的源码啊,JS我也不太懂啊,新手……
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,