/*oop 思想: 将实现功能动各个逻辑方法,封装中一个对象中实现,提供给外界简便操作方式,可以实现代码的复用和代码方法的业务逻辑不暴露在外界,并且可以避免变量污染。实际上也上基于面向过程的一种优化的方案,所以在使用oop思想的时候,也需清楚知道实现的过程。*///定义一个用于滚动实现切换的一个对象Slide
var Slide = {everyTop:[],//存储所有屏距离文档顶部的距离container:"#container",//定义一个父级容器,idcontainerBox:null,//获取到的容器//用于获取顶部距离的方法getTop:function(){//获取父级容器 ,this 此处指向的是getTop 函数所属对象 Slidethis.containerBox = document.querySelector(this.container);var section = this.containerBox.querySelectorAll("section");//获取所有屏//获取所有屏的距离文档顶部的距离for(var i=0;i}//初始化
Slide.init();