非常简单的拖拽功能实现

 之前看过extjs库的十分漂亮的富界面，在惊叹之余在思考其功能如何实现，然水平低下，竟读不懂，故独自找来资料，按照DHTML资料库，写了一个十分简单的拖拽功能，请各位大侠勿嘲笑，期盼得到大家的指点，小弟感激涕零。

 

<center>
<font color="blue">Please doubleclick,then drag</font>
<br>
<input type="text" style="background-color:yellow;border-color:green;"
value="please drag me..." 
ondrag="javascript:change(this)" 
onmouseout="javascript:this.style.cursor='auto'"
ondrop="javascript:this.style.cursor='auto'"
/>
</center>
<script language="javascript">...
    function change(obj)...{
        // set mouse cursor
        obj.style.cursor="row-resize";
        // set obj width
        obj.style.width=window.event.x;
        //set obj height
        obj.style.height=window.event.y;
    }
</script>

 

同样适用于div、textArea、table等元素