菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: js中动画的实现_汪刚_20230522 [打印本页]

作者: 霁后彩虹O 时间: 2023-5-24 19:35
标题: js中动画的实现_汪刚_20230522

今日学习内容：

1.鼠标事件

mouseover；mouseout 这一对支持冒泡行为

mouseenter mouseleave 不存在冒泡行为

mouseenter （事件的情况）

当鼠标从元素的边界之外移入元素之内时，事件被触发，而鼠标本身无法在边界元素內时，要触发改事件，必须先将鼠标移除元素边界之外，再次进入才能触发。

mouseover（事件情况）

当鼠标从元素的边界之外移入元素之内时，事件被触发，如果移到父元素里面的子元素，事件也会被触发（冒泡行为）

2.client属性

包括: content + padding

clientLeft 边框的宽度-左边框

3.scroll属性

content + padding

如果内容超出了容器的高度，得到的scrollHeight就是内容的真实高度

scrollTop 头部卷去的部分

4.动画的实现思路

目的：可以将js零散的知识点进行综合起来，加强理解。

知识点的总结应用

函数的封装的应用

动画库的封装 - 写一个函数（实现一个简单的动画）原理 : 元素本身的偏移量的基础上加1

动画可以进行封装，方便后面重复调用，调用时只需要动画名（）

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)