木子屋 Dnawo's BLOG

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

👤 dnawo 📅 2009-05-11 👁 6700 👍 0 💬 0 🔄 本站原创
使用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)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 Effective C# 原则6:区别值类型数据和引用类型数据 下一篇 → 关于结构和类的区别