掌握頁面元素定位和移動
放大鏡關鍵原理：滑鼠在小上移動時，
通過捕捉滑鼠在小上的位置定位大的相應位置
技術點：事件捕獲、定位
offsetleft與style.left的對比：
1）offsetleft是與父級元素的距離，不包過滾動條的距離
2）style.left返回的是字串，如30px，offsetleft返回的是數值30
3）style.lft是可讀寫的，offsetleft是唯讀的，所以要改變div的位置只能修改style.left
4）style.left的值需要事先定義，否則取到的值為空
難點：計算：如何讓小的放大鏡和大同步移動
距離定位**：
js放大鏡特效
原理分析 當滑鼠在小上移動時，通過捕捉滑鼠在小上的位置，定位大的相應位置。同時，當滑鼠在小上移動時，右側大往相反的方向移動。放大鏡特效設計 事件捕獲 onmouseover 當滑鼠指標移動到指定物件上時發生 onmouseout 當滑鼠指標移除指定物件時發生 onmousemove 當滑鼠指標移動時...
JS放大鏡特效（相容版）
原理 1.滑鼠在小上移動時，通過捕獲滑鼠在小上的位置，定位大的相應位置 設計1.頁面元素 小 大 放大鏡 2.技術點 事件捕獲 定位 1 onmouseover 會在滑鼠指標移動到指定的物件上時發生 2 onmouseout 會在滑鼠指標移出指定的物件時發生 3 onmousemove 會在滑鼠指標...
JS放大鏡特效（相容版）
原理 1.滑鼠在小上移動時，通過捕獲滑鼠在小上的位置，定位大的相應位置 設計2.技術點 事件捕獲 定位 1 onmouseover 會在滑鼠指標移動到指定的物件上時發生 2 onmouseout 會在滑鼠指標移出指定的物件時發生 3 onmousemove 會在滑鼠指標移動時發生 4 各邊距表示 5...