BOM操作

文章目录

  • BOM事件
    • 页面加载
    • 调整窗口事件
    • 定时器
    • 停止计时器
    • Location对象
    • History对象
    • Offsetleft获取元素偏移
    • Offset与style的区别
    • 可视区client系列
    • 滚动scroll系列
    • Mouseover和mousenter区别
  • 动画原理
    • 实现
    • 动画封装
    • 给不同对象添加定时器
    • 缓动动画原理
    • 多个位置间移动

BOM事件

页面加载

BOM操作_第1张图片

调整窗口事件

BOM操作_第2张图片

定时器

BOM操作_第3张图片
BOM操作_第4张图片

停止计时器

BOM操作_第5张图片
BOM操作_第6张图片

BOM操作_第7张图片

Location对象

BOM操作_第8张图片

History对象

BOM操作_第9张图片
BOM操作_第10张图片

Offsetleft获取元素偏移

BOM操作_第11张图片

BOM操作_第12张图片
BOM操作_第13张图片

Offset与style的区别

BOM操作_第14张图片

可视区client系列

BOM操作_第15张图片

滚动scroll系列

BOM操作_第16张图片
BOM操作_第17张图片

Mouseover和mousenter区别

BOM操作_第18张图片

动画原理

实现

BOM操作_第19张图片

BOM操作_第20张图片

动画封装

BOM操作_第21张图片

给不同对象添加定时器

BOM操作_第22张图片

缓动动画原理

BOM操作_第23张图片
BOM操作_第24张图片

多个位置间移动

BOM操作_第25张图片

你可能感兴趣的:(js操作,javascript)