用来实现Web页面图片移动托拽的代码段

以下这段JS是主要解决在画面生成Image项目，并通过鼠标事件进行脱拽、移动等操作的代码。

<script language="javascript" type="text/javascript">

var top,left;

var src,drag,dir,ope,refer,halfwidth;

var unit=30;

var aryItems,itemNum=10,index,isInit,id,max=23;

function PageLoad()

{

document.form1.onsubmit=OnSubmit;

aryItems=new Array(itemNum);

top=document.getElementById("TABLE").getClientRects()[0].top;

left=document.getElementById("TABLE").getClientRects()[0].left;

if(document.getElementById("__Gantt").value!=null&&document.getElementById("__Gantt").value!="")

{

var gantt=document.getElementById("__Gantt").value;

var array=gantt.split(";");

var length=array.length-1;

var start,width,item;

for(index=0;index<length;index++)

{

item=array[index].split(",");

start=item[0];