网页最简短的拖动对象代码实例演示,JavaScript

以前在网上看到的最简单的拖动对象的代码，忘记作者叫什么了。原始代码在IE下有些小问题，并且声明了文档类型为xhtml 1.0后，在FF等非IE浏览器下无效，对其进行了改进，现在已经可兼容:IE、Firefox、Opera ...

以下代码只是演示原理，具体应用请结合你自己的实际需求进行修改。

以下是引用片段：

运行代码框
<!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" lang="gb2312"> <head> <title> 代码实例：拖动对象 Drag Object (兼容:IE、Firefox、Opera ... )</title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="editor" content="枫岩,<img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.cnlei.com>http://www.cnlei.com</a>"> <meta name="keywords" content="代码实例：拖动对象"> <meta name="description" content="最简短的拖动对象代码实例演示"> <style> .dragAble {position:relative;cursor:move;} </style> <script language="javascript">  </script> </head> <body> <img src="/pic/200711821460481.gif" class="dragAble" /> <img src="/pic/200711821460481.gif" class="dragAble" /> <img src="/pic/200711821460481.gif" class="dragAble" /><br /><br /> <div style="border:1px solid #ff6d00;background:#ffd801;width:240px;padding:5px 0;" class="dragAble">这些都是可拖动对象</div> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]