坐标计算

属性	意义
body.offsetWidth body.offsetHeight	页面显示区域的宽度、高度
body.scrollLeft body.scrollTop	页面滚动后相对于左、顶的距离
offsetLeft offsetTop	相对于父容器的坐标
offsetWidth offsetHeight	对象自身的宽度，高度
event.offsetX event.offsetY	鼠标相对于对象的坐标
event.screenX event.screenY	鼠标相对于屏幕的坐标
event.clientX event.clientY	鼠标相对于页面显示区域的坐标
clientLeft clientTop	对象实际客户区与 offsetLeft 之间的距离（一般为边框）对象实际客户区与 offsetTop 之间的距离（一般为边框）
clientWidth clientHeight	对象宽度、高度（除去 margin、border、滚动条）

样式属性	意义
obj.style.left obj.style.top	设置对象坐标（相对于页面）
obj.style.width obj.style.height	设置对象宽度、高度

当前显示窗口范围

从 (body.scrollLeft, body.scrollTop)

到 (body.scrollLeft+body.offsetWidth, body.scrollTop+body.offsetHeight)

获得某对象的页面坐标

function get(vSrc)
{
	// vSrc = window.event.srcElement;
	l = vSrc.offsetLeft ;
	t = vSrc.offsetTop ;
	vParent = vSrc.offsetParent;
	while (vParent.tagName.toUpperCase() != "BODY")
	{
		l += vParent.offsetLeft;
		t += vParent.offsetTop;
		vParent = vParent.offsetParent;
	}
	return l*1000 + t;
}