练习总结

滚动条效果

• clone 克隆

var clone = firstLi.cloneNode(true)

cloneNode() 方法可创建指定的节点的精确拷贝。

cloneNode() 方法 拷贝所有属性和值。 该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。

图片放大案例 新知识

offsetLeft ， offsetTop ，offsetWidth ， offsetHeight

• [](HTML DOM offsetTop 属性 | 菜鸟教程 (runoob.com))

• [](HTML DOM offsetLeft 属性 | 菜鸟教程 (runoob.com))

• [](HTML DOM offsetWidth 属性 | 菜鸟教程 (runoob.com))

offsetLeft 是一个只读属性，返回当前元素相对于 offsetParent 节点左边界的偏移像素值。返回值包含:元素向左偏移的像素值，元素的外边距（margin）

offsetWidth 属性是一个只读属性，它返回该元素的像素宽度，宽度包含内边距（padding）和边框（border），不包含外边距（margin），是一个整数，单位是像素px