js动画属性及注意事项

动画常用属性： 

        定时器   setinterval（function（），毫米数）

        获取元素的宽高距离等元素：

        获取元素宽高：offsetWidth    包括边框，不包括外边距

                                  clientWidth     不包括边框，包括内边距，有滚动时，不包括滚动条的宽度

                                  offsetHeight    包括边框，不包括外边距

                                  clientHeight     不包括边框，包括内边距，有滚动时，不包括滚动条的高度

                                  scrollWidth和scrollHeight      获得元素的实际宽度和高度，在内容没有超出盒子时，获得的是盒子的内部高度和宽度。内容超出盒子时获得的是内容实际应有的高度和宽度。当盒子内部存在滚动条时，获得的高度和宽度不包括滚动条。

               获取元素坐标：clientX与clientY   事件属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平/垂直坐标。客户区指的是当前窗口，就是浏览器。

与事件对向  var event = event || window.event;  一块用

                                      pageX与e.pageY     同上  但是包括滚动条的距离

                获取元素距浏览器距离： offsetLeft  父元素有定位时，获取元素到父元素最左侧距离   没有定位，获取到浏览器左边的距离        offsetTop  亦同

                                            scrollTop   scrollLeft     获得的是内容卷曲出去的高度和宽度，当滚动条向下拉时，内容往上走，获得的就是上面跑出盒子范围的那部分高度。滚动条向右拉同理 

 根据浏览器兼容性，scroll系列需要写出兼容代码   ：

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop

鼠标按下事件：onmousedown   鼠标抬起事件：onmouseup    点击事件  onclick

document.οnmοusedοwn=functionO(){

}

内置对象  event   任何事件都有内置对象event，event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件对象的兼容性写法为

var event = event || window.event;  

动画注意事项：计时器卸在点击事件外书写一个null值，方便其他点击事件清除

                           var timer = null

                        元素显示与否   display=‘none’  不显示    block   显示

                        元素是否可以点击   disabled=true   不能点击   false可以点击

                        top是关键字   不能var 一个变量赋值

                        随机背景   

                function math(m,n){

                         return Math.floor(Math.random()*(n-m+1)+m)

                    }

                    function rgb(){

                        return "rgb("+math(0,255)+','+math(0,255)+','+math(0,255)+")"

                    }