使用dom-drag.js拖动页面元素

使用dom-drag.js来拖动页面上的元素非常简单,只需一条语句即可完成:

Drag.init(obj);

此外,必须保证元素的position属性值为absolute或relative。看下边例子:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用dom-drag.js拖动页面元素-Mzwu.Com</title>
<script language="JavaScript" type="text/javascript" src="dom-drag.js"></script>
</head>

<body>
<img id="img1" src="http://www.baidu.com/img/baidu_logo.gif" style="position:absolute;" />
<script language="JavaScript" type="text/javascript">
Drag.init(document.getElementById("img1"));
</script>
</body>
</html>


下载dom-drag.js:点击下载
更多关于dom-drag.js的例子:http://www.dynamicdrive.com/dynamicindex11/domdrag/

评论: 0 | 引用: 0 | 查看次数: 6068
发表评论
登录后再发表评论!