API详解

setTimeout(function(){
      siteWelcome.classList.remove('active')
    },2000  
)

setTimeout在几秒钟之后执行一个命令

window.onscroll  

在用户滑动一个窗口时触发一个函数

window.scrollY

窗口滚动的高度

document.querySelectorAll('nav.menu > ul > li')

接受一个选择器，返回选择器对应的所有元素

document.querySelector('href')

接受一个选择器，返回选择器对应的一个元素

liTags[i].onmouseenter = function(x){
    x.currentTarget.classList.add('active')
  }

当鼠标进入一个元素的时候会触发一个函数

liTags[i].onmouseleave = function(x){
    x.currentTarget.classList.remove('active')
  }

当鼠标离开一个元素的时候会触发一个函数

.preventDefault()

调用它就不会有默认的动作了

.getAttribute('href')

可以获取用户在浏览器上写的原文，而不是加了api协议之后的东西

.offsetTop

获取一个元素距离页面顶部的像素数

window.scrollTo(0, top - 80)

滑动到某个位置