這個知識點其實很久之前就想寫了…
思路：
（1）首先有兩個框，乙個框展示小圖，另乙個框展示放大後的部分根據思路，寫好html模組和css模組：（2）在放大框中放入大圖，設定溢位隱藏
（3）進行計算，根據滑鼠移動位置，計算出要展示的大圖的位置
class
="small"
src="./img/logo1.jpeg"
width
="200px"
height
="200px"
>
class
="big"
>
src=
"./img/logo1.jpeg"
width
="800px"
height
="800px"
>
div>
*.big
$
(function()
).show()
;}).
mouseout
(function()
).mousemove
(function
(e));}
);
滾動條的水平位置指的是從其左側滾動過的畫素數。當滾動條位於最左側時，位置是 0。
下面是放大鏡原理展示圖：
首先要明白的一點是，隱藏大圖要展示出來的部分的位置，是從展示框圖的左上角開始的
（1）獲取滑鼠所在小圖的位置，即x值和y值（2）獲取倍數，即大小的比例，例如本案例 大圖:小圖=4:1
（3）大圖展示的x值 = 小圖x值 * 倍數 - 展示框寬度的一半
（4）大圖展示的y值 = 小圖y值 * 倍數 - 展示框高度的一半
$
(".big").
scrollleft
(x*4
-100).
scrolltop
(y*4
-100
);
放大鏡 放大鏡應該怎麼選擇，有那些放大鏡
放大鏡是用以放大物體的凸透鏡，顯微鏡的雛形。通常用來觀察物體細節。放大鏡是焦距比眼的明視距離小得多的會聚透鏡。放大鏡按外表分類可以分為可攜式放大鏡 眼鏡式放大鏡和立式放大鏡。按使用人群分類，可分為老年人閱讀放大鏡 兒童放大鏡 戶外便攜放大鏡 專業鑑定測量放大鏡和醫用放大鏡等。台式放大鏡就是可以固定的...
放大鏡 講課 《放大鏡》教學設計
放大鏡 教學設計 寧波市鄞州區宋詔橋小學 竺紅波 教學目標 科學概念 1 放大鏡是凸透鏡，具有放大物體影象，看清更多細節的作用。2 放大鏡鏡片的特點是透明和中間厚，邊緣薄 鏡片凸度越大，放大倍數越大。3 放大鏡廣泛應用在人們學習 生活 生產的許多方面。過程與方法 1 經歷觀察工具共同點和不同點的對比...
放大鏡 史上最小放大鏡 奈米放大鏡能看到單原子活動
史上最小放大鏡能有多小？放大鏡定義 放大鏡 英文名稱 magnifier 用來觀察物體微小細節的簡單目視光學器件，是焦距比眼的明視距離小得多的會聚透鏡。物體在人眼視網膜上所成像的大小正比於物對眼所張的角 視角 史上最小放大鏡能 數百年來科學家們一直堅信，光跟所有其他波一樣，不能被聚焦到比它們的波長更...