<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>move demo</title>
<script src="js/myjs.js" type="text/javascript"></script>
<script language="javascript">
var myAPI = new MyAPI();
var moveable = false;
var xOff = 0;
var yOff = 0;
function start(obj,e){
moveable = true;
xOff = myAPI.getLeft(obj) - e.clientX;
yOff = myAPI.getTop(obj) - e.clientY;
}
function move(obj,e){
if(moveable){
myAPI.moveTo(obj, xOff + e.clientX, yOff + e.clientY)
}
}
function end(){
moveable = false;
}
</script>
</head>
<body>
<div style="width:200px; height:200px; top:200px; left:200px; position:absolute; background:#CC99CC" onmousedown="start(this,event)" onmousemove="move(this,event)" onmouseup="end()">
fddsfsdfdsffds
</div>
</body>
</html>
