表单自定义一

在网上找了半天 表单自定义，也没找到。。最后找到了一个拖拉的例子，在此基础上。。实现了表单的拖拉，

 

//得到控件的绝对位置
		function getPos(cell) {
			var pos = new Array();
			var t = cell.offsetTop;
			var l = cell.offsetLeft;
			while (cell = cell.offsetParent) {
				t += cell.offsetTop;
				l += cell.offsetLeft;
			}
			pos[0] = t;
			pos[1] = l;
			return pos;
		}

 

 上面的是核心代码。。有了上面这个函数，，我们就可以实现自己想实现的功能了，

 

 为了在拖拉过程中实现一个拖拉的效果

 

		//显示图层
		function showDiv() {
			var obj = event.srcElement;
			var pos = new Array();
			//获取过度图层
			var oDiv = document.all(dragedTable_movedDiv);
			if (obj.tagName.toLowerCase() == "td") {
				obj.style.cursor = "hand";
				pos = getPos(obj);
				//计算中间过度层位置，赋值
				oDiv.style.width = obj.offsetWidth;
				oDiv.style.height = obj.offsetHeight;
				oDiv.style.top = pos[0];
				oDiv.style.left = pos[1];
				oDiv.innerHTML = obj.innerHTML;//移动层显示的内容
				oDiv.style.display = "";
				dragedTable_x0 = pos[1];
				dragedTable_y0 = pos[0];
				dragedTable_x1 = event.clientX;
				dragedTable_y1 = event.clientY;
				//记住原td
				dragedTable_normalColor = obj.style.backgroundColor;
				obj.style.backgroundColor = dragedTable_preColor;
				dragedTable_preCell = obj;
				dragedTable_movable = true;
			}
		}

 

 

 

   嘿嘿。。。也不多说了。。。我上传一个界面大家看看。。可以在此基础上根据自己需要更改