春去花还在-CoLee★＂ » 坐标 http://colee.99n9.com CoLee的网页设计制作素材、html、javacript、ajax代码精心自编或修改收藏，欢迎大家共享与交流。 Tue, 04 Aug 2009 03:51:52 +0000 http://wordpress.org/?v=2.8 en hourly 1 offset与scroll等坐标函数介绍 http://colee.99n9.com/offset%e4%b8%8escroll%e7%ad%89%e5%9d%90%e6%a0%87%e5%87%bd%e6%95%b0%e4%bb%8b%e7%bb%8d/ http://colee.99n9.com/offset%e4%b8%8escroll%e7%ad%89%e5%9d%90%e6%a0%87%e5%87%bd%e6%95%b0%e4%bb%8b%e7%bb%8d/#comments Thu, 09 Jul 2009 08:02:55 +0000 CoLee★＂ http://colee.99n9.com/?p=174 获取大小的属性有 CSS ( 大小 +border) 属性对应的 offset 长宽属性（无标准的实事标准）：
1. offsetWidth
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
与 CSS width + border 对应
2. offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。  
与 CSS height + border 对应
CSS ( 大小 -padding ) 属性对应的 client 长宽属性（无标准的实事标准）：  
3. clientWidth
获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。
与 CSS width - 滚动条宽度 ( 如果有 )
对应
4. clientHeight
获取对象的高度，不计算任何边距 (margin) 、边框、滚动条或可能应用到该对象的补白 (padding) 。
与 CSS height - 滚动条宽度 ( 如果有 )
对应

获取位置信息的属性有：
几个 offset 属性（无标准的实事标准）：
offset 坐标 0 点是 offsetParent 元素 content 区域的左上点
5. offsetParent
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。
CSS persition = absolute 时， left,top 属性值参照的元素。
Object is positioned relative to parent element’s position—or to the body object if its parent element is not positioned—using the top and left properties.
6. offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
与 CSS left( absolute )+margin 对应
7. offsetTop
获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。
与 CSS top(absolute)+margin 对应



scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
以上主要指IE之中，FireFox差异如下：
IE6.0、FF1.06+：
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5：
clientWidth = width – border
clientHeight = height – border
offsetWidth = width
offsetHeight = height

]]> http://colee.99n9.com/offset%e4%b8%8escroll%e7%ad%89%e5%9d%90%e6%a0%87%e5%87%bd%e6%95%b0%e4%bb%8b%e7%bb%8d/feed/ 0 鼠标及对象坐标控制属性 http://colee.99n9.com/%e9%bc%a0%e6%a0%87%e5%8f%8a%e5%af%b9%e8%b1%a1%e5%9d%90%e6%a0%87%e6%8e%a7%e5%88%b6%e5%b1%9e%e6%80%a7/ http://colee.99n9.com/%e9%bc%a0%e6%a0%87%e5%8f%8a%e5%af%b9%e8%b1%a1%e5%9d%90%e6%a0%87%e6%8e%a7%e5%88%b6%e5%b1%9e%e6%80%a7/#comments Thu, 09 Jul 2009 07:58:51 +0000 CoLee★＂ http://colee.99n9.com/?p=171 offsetTop
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetHeight
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

offsetWidth
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

offsetParent
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。

clientHeight
获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。
大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

clientLeft
获取 offsetLeft 属性和客户区域的实际左边之间的距离。

clientTop
获取 offsetTop 属性和客户区域的实际顶端之间的距离。

clientWidth
获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。

SCROLL属性
scroll
设置或获取滚动是否关闭。

scrollHeight
获取对象的滚动高度。

scrollLeft
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。

scrollTop
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。

scrollWidth
获取对象的滚动宽度。

event属性
x
设置或获取鼠标指针位置相对于父文档的 x 像素坐标。

screenX
设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标

offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。

clientX
设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条

]]> http://colee.99n9.com/%e9%bc%a0%e6%a0%87%e5%8f%8a%e5%af%b9%e8%b1%a1%e5%9d%90%e6%a0%87%e6%8e%a7%e5%88%b6%e5%b1%9e%e6%80%a7/feed/ 0