摘要: mouseenter和mouseover的区别(面试题常问) mouseenter鼠标事件 当鼠标移动到元素上时就会触发mouseenter事件 类似mouseover,它们两者之间的差别是 mouseover鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter只会经过自身盒子触发 之所 阅读全文
posted @ 2022-11-14 17:34 chichi0002 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 动画函数封装 1.动画实现原理 核心原理∶通过定时器setlnterval)不断移动盒子位置。 实现步骤: 1.获得盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意此元素需要添加定位,才能使用element.style.left 阅读全文
posted @ 2022-11-14 17:34 chichi0002 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 动画缓动效果 缓动效果原理 缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路∶ 1.让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。 2.核心算法∶(目标值-现在的位置)/ 10做为每次移动的距离步长 <style> div { /* 注意:一定要添加定位 */ position 阅读全文
posted @ 2022-11-14 17:34 chichi0002 阅读(51) 评论(0) 推荐(0) 编辑