小总结1

1.防止定时器累加  在设置定时器前先清除定时器

2.鼠标移上移开可用hover  jquery

3.定时器缓动动画 递增起始值 += (结束值 - 起始值) * 缓动系数

4.border实现三角形 向上： border-width:8px;

    border-style:solid;

    border-color:transparent transparent #333;/*透明 透明  灰*/

向下： border-width:8px;

    border-style:solid;

   border-color:#333 transparent transparent;/*灰 透明 透明 */

向左： border-width:8px;

    border-style:solid;

    border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */

向右：border-width:8px;

     border-style:solid;

    border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/

5.元素对象HTML DOM  addEventListener()方法 跟 原生js中的on("事件"，函数)一致

Dom事件

resize ：浏览器被重置大小时执行Javascript代码:

load:页面载入完毕后执行

6.offset家族：offsetWidth/offsetHeight=content+padding+boder

offsetLeft/offsetTop=相对于父级的左边距/上边距(从边缘开始)注意：子绝父相

offsetParent:获取父级元素  注意：必须是有定位的父盒子  遵循就近原则 

parentNode和offsetParent的区别：parentNode只能找到最近上面一层  无论有无定位

offsetXXX和style.XXX的区别

1.style.XXX只能获取行内  可设置  返回的时字符串 注意:设置必须加px单位

2.offsetXXX可都获取   不可设置只读  返回数字

7.行内元素设置绝对定位属性=宽高及背景都会显示

8.img之间会出现间隙：解决方法设置vertical-align:top

9.scroll家族：scrollTop家族 在获取之前必须监听onscroll事件（document.body.scrollTop如要兼容浏览器可用document.documentElement.scrollTop即可）

scroll家族浏览器适配问题：1.最新浏览器IE9+及其他浏览器都认为整个文档属于Window对象的，可通过Window.pageXOffset和Window.pageYOffset获得，也可以通过Window.scrollTo(x,y)将浏览器滚动条滑动到指定x,y  2未声明DTD 的浏览器认为文档对象属document.body元素的。兼容写法：(var scrollTop=window.pageXOffset || document.documentElement.scrollTop ||document.body.scrollTop||0)