javascript拖动控件

var draggables = g(".draggables");
				for(var i=0;i<draggables.length;++i)
				{
					//直接设置为拖动对象
					draggables[i].setDraggable();
					//事件函数
					//拖动开始:
					draggables[i].onDragStart = function () {
							//alert("start");
						};
					//在拖动的时候:
					draggables[i].onDrag = function () {
							//alert("move");
						};
					//拖动结束
					draggables[i].onDragOver = function () {
							//alert("over");
						};
					//设置拖动热点,dragHotspot是要拖动对象的子对象,只有dragHotspot被点击了后才激发拖动事件.
					draggables[i].dragHotspot = g(".draggables > h1")[i];
					//设置拖动范围,现在的拖动范围为整个文档,拖动操作不会越过屏幕.
					draggables[i].dragScale = document.documentElement;
					//取消拖动
					//draggables[i].dropDraggable();
				}

 同样,把事件函数都设为null就可以取消了例如:draggables[i].onDragOver = null;.很简单,支持n个对象的拖动,只要setDraggable();一下即可;