jQuery实现放大镜效果

今天就给可爱的你们介绍jQuery实现图片局部放大镜效果，以下只是参考图啊（因为小姐姐喜欢lisa 哈哈哈）

放大镜效果的基本原理就是按照一个合适的比例去放大对应的相对的图片，同时放大镜部分和被放大图片的移动距离都要等比例的放大。
HTML代码如下：

 <!--    	thumbnail   缩略图
            original    原图
            magnifier   放大镜 -->
    <div class="thumbnail">
        <img src="./1.jpg" alt="">
        <div class="magnifier"></div>
    </div>
    <div class="original">
        <img src="./1.jpg" alt="">
    </div>

css样式如下：

<style>
        *{
   
            margin:<