前言：自己在學習過程中構思的淘寶放大鏡的實現，大佬輕噴，小白可以跟我一起探討學習。話不多說，我們來看效果圖。
首先是html結構，結構主要就三塊，放大鏡，小圖和大圖區域，我們都用div來實現。
css程式碼我就不截圖了，簡單說幾個需要注意的地方就行，一個就是放大鏡需要設定透明度，這個透明度多少就看你自己喜歡了。第二個就是大圖區的背景圖需要設定為兩倍的大小。當然不一定要是兩倍，但一定要比本身的寬高要大，不然無法取得放大的效果。
我們主要來看看js程式碼，
最好，如果覺得有收穫，點個收藏和留言探討哦！複製程式碼