高分求助

求一个用js或者jquery 实现的可以拖动使div大小变化的源码，就像普通播放器一样可以拖拽变换大小

解决方案 »

  1.   

    http://hi.baidu.com/zhuxiaosheng/blog/item/532b01fb39f34d18a8d311fb.html
    这个是一个例子。
    jQuery和dojo对拖拽的支持都很不错。
      

  2.   

    div 拖动和缩放，支持 IE / FFhttp://www.onlyaa.com/html/orginal/200812/03-2346.html
      

  3.   

    CSDN的资源中有Demo，你下载一个
      

  4.   

    不好意思昨天下班了，是这个效果吗？
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ImJiHao</title>
    <style>
    #myDiv{
    position:absolute;
    top:100px;
    left:100px;
    height:200px;
    width:300px;
    background-color:#F0F0F0;
    border:1px solid #0099CC;
    }
    #mySpan{
    position:absolute;
    height:10px;
    width:10px;
    right:0px;
    bottom:0px;
    background-color:#CC9933;
    cursor:nw-resize;
    }
    </style>
    <script>
    var nowX = 0;
    var nowY = 0;
    var change = false;
    function mouseDown(e)
    {
    e=e||event;
    nowX=e.clientX;
    nowY=e.clientY;
    change = true;
    }
    function mouseUp(e)
    {
    e=e||event;
    change = false;
    }
    function mouseMove(e)
    {
    e=e||event;
    if(!change) return;

    var x = e.clientX - nowX;
    var y = e.clientY - nowY;

    document.getElementById("myDiv").style.width=document.getElementById("myDiv").offsetWidth-2+x+"px";
    document.getElementById("myDiv").style.height=document.getElementById("myDiv").offsetHeight-2+y+"px";

    nowX=e.clientX;
    nowY=e.clientY;
    }
    </script>
    </head>
    <body onmousemove="mouseMove(event)"><div id="myDiv">
    <span id="mySpan" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)"></span>
    </div></body>
    </html>