JS学习日志：pc网页特效
时间：2023-09-05 13:00:02 | 来源：网站运营
时间：2023-09-05 13:00:02 来源：网站运营
JS学习日志：pc网页特效：
offset系列
使用 获得元素的偏移位置
.offsettop 距上方的距离
.offsetleft 距离左边的距离
.offsetWidth 是包含padding width border
.offsetHeight
返回带有定位的父亲，没有返回body
.offset.Parent
offset与style的区别
style只能获得行内样式表的内容，offset能获得行内，内嵌样式表等各种样式表
offset属性是只读属性，不能赋值，style可以更改属性值 如style.width
案例：
案例：模态框拖动
client 系列
用于获取有关元素的边框，内边距等值
语法：元素名.clientWidth 返回自身大小 包含padding，不包含border，无单位
元素名.clientHeight 返回自身高度 包含padding，不包含border，无单位
立即执行函数：不需要调用就可以执行的函数
语法： （function（）{ }）（） 后面的括号可以传入实参
独立创建了一个作用域，不存在和别的函数命名冲突
scroll对象
mouseover和mouseenter
mouseover鼠标经过时会触发，并且支持冒泡，经过父盒子触发一次，经过子盒子触发一次
mouseenter不支持冒泡，只会触发一次
mouseleave 搭配mouseenter使用
动画实现原理： 通过定时器不断改变盒子的位置
此元素一定要添加定位才可以 position：absolute
在线咨询
