20180925 javascript offset

offset系列：获取元素的相关的样式属性的值
offsetLeft
offsetWidth(有边框
offsetHeight（有边框）
offsetTop

获取元素当前的属性值

隐藏与显示元素
display=“none”
display=“block”

排他功能
元素.removeAttritube()
this.className=""

css中的absolute 与relative

BOM中的顶级对象 window
DOM中的顶级对象document
jquery顶级对象

完整的轮播图
1.根据图片的个数动态的创建li，并且加入到ol中，作为小按钮来使用，为每个小的ol中的li添加鼠标进入的事件(添加事件之前，先把每个保存在每个li的自定义属性中)，鼠标进入li的时候做排他功能（背景颜色），移动图片，调用动画函数

scrollWidth 元素中实际内容的宽
scrollHeight 实际内容的高

onscroll 滚动条拉动事件

向上卷曲出去的距离
var scrollTop1 = window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop

var scrollLeft= window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft