特效

1 偏移量

offsetParent用于获取定位的父级元素

offsetParent和parentNode的区别

var box = document.getElementById('box');

console.log(box.offsetParent);

console.log(box.offsetLeft);

console.log(box.offsetTop);

console.log(box.offsetWidth);

console.log(box.offsetHeight);

2 客户区大小

var box = document.getElementById('box');

console.log(box.clientLeft);

console.log(box.clientTop);

console.log(box.clientWidth);

console.log(box.clientHeight);

3 滚动偏移

var box = document.getElementById('box');

console.log(box.scrollLeft)

console.log(box.scrollTop)

console.log(box.scrollWidth)

console.log(box.scrollHeight)

4 案例

匀速动画函数

变速动画函数

回到顶部

无缝轮播图

模拟滚动条

拖拽案例

放大镜案例

5 元素的类型