// 缓动公式 var leader = 0, target = 0; setInterval(function(){ leader = leader +(target - leader ) / 10;
cloud.style.left = leader + "px";
}
offsetWidth offsetHeight
得到对象的宽度和高度(自己的，与他人无关)
offsetWidth = width + border + padding
div { width:220px; border-left:2px solid red; padding:10px;}
div.offsetWidth = 220 + 2 + 20
为什么不用 div.style.width 因为东西 只能得到行内的数值
offsetLeft offsetTop
返回距离上级盒子（最近的带有定位）左边的位置
如果父级都没有定位则以body 为准
这里的父级指的是所有上一级 不仅仅指的是 父亲 还可以是 爷爷 曾爷爷 曾曾爷爷。。。。
event常见属性
属性
作用
data
返回拖拽对象的URL字符串（dragDrop）
width
该窗口或框架的高度
height
该窗口或框架的高度
pageX
光标相对于该网页的水平位置（ie无）
pageY
光标相对于该网页的垂直位置（ie无）
screenX
光标相对于该屏幕的水平位置
screenY
光标相对于该屏幕的垂直位置
target
该事件被传送到的对象
type
事件的类型
clientX
光标相对于该网页的水平位置 （当前可见区域）
clientY
光标相对于该网页的水平位置
防止选择拖动清除选中的内容
window.getSelection ?window.getSelection().removeAllRanges() : document.selection.empty();
client 可视区域
offsetWidth: width + padding + border （披着羊皮的狼）
clientWidth： width + padding 不包含border
scrollWidth: 大小是内容的大小
