JS學(xué)習(xí)日志：pc網(wǎng)頁特效
時間：2023-09-05 13:00:02 | 來源：網(wǎng)站運營
時間：2023-09-05 13:00:02 來源：網(wǎng)站運營
JS學(xué)習(xí)日志：pc網(wǎng)頁特效：
offset系列
使用 獲得元素的偏移位置
.offsettop 距上方的距離
.offsetleft 距離左邊的距離
.offsetWidth 是包含padding width border
.offsetHeight
返回帶有定位的父親，沒有返回body
.offset.Parent
offset與style的區(qū)別
style只能獲得行內(nèi)樣式表的內(nèi)容，offset能獲得行內(nèi)，內(nèi)嵌樣式表等各種樣式表
offset屬性是只讀屬性，不能賦值，style可以更改屬性值 如style.width
案例：
案例：模態(tài)框拖動
client 系列
用于獲取有關(guān)元素的邊框，內(nèi)邊距等值
語法：元素名.clientWidth 返回自身大小 包含padding，不包含border，無單位
元素名.clientHeight 返回自身高度 包含padding，不包含border，無單位
立即執(zhí)行函數(shù)：不需要調(diào)用就可以執(zhí)行的函數(shù)
語法： （function（）{ }）（） 后面的括號可以傳入實參
獨立創(chuàng)建了一個作用域，不存在和別的函數(shù)命名沖突
scroll對象
mouseover和mouseenter
mouseover鼠標經(jīng)過時會觸發(fā)，并且支持冒泡，經(jīng)過父盒子觸發(fā)一次，經(jīng)過子盒子觸發(fā)一次
mouseenter不支持冒泡，只會觸發(fā)一次
mouseleave 搭配mouseenter使用
動畫實現(xiàn)原理： 通過定時器不斷改變盒子的位置
此元素一定要添加定位才可以 position：absolute
在線咨詢