添加js动画

新API

1.setTimeout 在多少s后执行语句
2.window.onscroll 当划动时
3.window.scrollY 划动的y轴距离
4.document.querySelectALL // document.querySelect 选择器后面接比如(nav >ul >li >a)
5.onmouseenter // onmouseleave 鼠标进入离开时间
6.preventDefault 阻止当前操作
7.getAttribute 和 .href的区别。前者写啥就是啥,后者服务器处理过
8.offsetTop距离页面顶端的距离
9.window.scrollTo(x轴,y轴) 滚动到坐标距离
10.nodeType 区分不同类型的节点,比如节点(1),文本(3)

css属性/单词

1.white-space:nowrap; 不换行

  1. @keyframes xxx{} 配合 animation:xxx 1s // 加动画效果
    3.opacity(透明度),infinite(循环),linear(线性)
    4.animation-delay 动画延迟
    5.z-index:1; 显示在最外面的优先级

你可能感兴趣的:(添加js动画)