比较精简的Javascript拖动效果函数代码_javascript技巧

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>拖动效果函数演示 by Longbill.cn</title> <style> body { font-size:12px; color:#333333; border : 0px solid blue; } div { position : absolute; background-color : #c3d9ff; margin : 0px; padding : 5px; border : 0px; width : 100px; height:100px; } </style> <div id="div1" style="left:10px;top:10px;">div1:我可以被拖动</div> <div id="div2" style="left:120px;top:10px;background-color : #f3d9ff">div2:来拖我呀</div> <div id="div3" style="left:230px;top:10px;background-color : #c3ffff">div3:我随便你拖</div> <div id="div4" style="left:10px;top:120px;background-color : #c3d944">div4:我可以随窗口滑动，把我拖到最下面，然后滚动网页看看</div> <div id="div5" style="left:120px;top:120px;background-color : #f3d944">作者: Longbill <a href="http://www.longbill.cn" target="_blank" rel="nofollow">www.longbill.cn</a> </div> <div id="div6" style="left:230px;top:120px;background-color : #e3f944;width:200px;">参数说明: drag(obj [,scroll]); obj:对象的id或对象本身; scroll(可选):对象是否随窗口拖动而滑动，默认为否 鼠标右键查看源代码 </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]