課程
/前端開發
/JavaScript
/用JS實現放大鏡特效
left =?event.offsetX - w/2
top =?event.offsetY - h/2
這樣為什么不行?
2018-07-02
源自:用JS實現放大鏡特效 4-1
正在回答
因此你如果要是這樣寫的話,
(1)獲取width 的時候,只能? ?objBox.style.width / 2;? ?這樣獲取的話objBox的width屬性只能寫在行內,寫在Css里面是獲取不到width的;
(2)offsetWidth獲取得到的是,width+padding+border不包含margin
style.width獲取的只是盒子的寬度,不包含padding/border
(3)style.width獲取之后是字符串,eg:100px,
offsetWidth獲取之后是數字,eg:100
舉報
讓圖片看起來更美觀,同時課程中詳細介紹了JavaScript相關的知識點
5 回答mark層是用來做鼠標移入效果的onmouseover,鼠標是移入mark層出現 float-box , 而不是移入demo出現。
1 回答求大圖反方向的偏移量,簡化算法~
1 回答X/(B-A) = ?/(D-C)這個計算比例中的?是之前的Y嗎,怎么感覺前后矛盾?
1 回答根據大圖容器定義大圖位置
2 回答放大鏡效果通過scroll來實現可以嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-07-21
因此你如果要是這樣寫的話,
(1)獲取width 的時候,只能? ?objBox.style.width / 2;? ?這樣獲取的話objBox的width屬性只能寫在行內,寫在Css里面是獲取不到width的;
(2)offsetWidth獲取得到的是,width+padding+border不包含margin
style.width獲取的只是盒子的寬度,不包含padding/border
(3)style.width獲取之后是字符串,eg:100px,
offsetWidth獲取之后是數字,eg:100