JavaScript实现放大镜效果

HTML布局：

<div id="parent">
    <div id="left">
        <img id="img_350" src="./images_350/f14b276feb925fbfeb8a59e916ba5045.jpg">
        <div id = "inner"></div>

    </div>
    <div id="right">
        <img id="img_800" src="./images_800/f14b276feb925fbfeb8a59e916ba5045.jpg">
    </div>
    <ul id="ul">
        <li><img src="./images_50/f14b276feb925fbfeb8a59e916ba5045.jpg"></li>
        <li><img src="./images_50/cbd2bbb835886ebde917fe1fc553c034.jpg"></li>
        <li><img src="./images_50/e32f5c3cea966515c9aaea991517cea2.jpg"></li>
    </ul>
</div>

CSS：

body{
    margin: 100px;
}

ul {
    margin: