基于jQuery点击图像居中放大插件Zoom

 <div class="page-body">
        <div style="width: 80px; height: 80px; margin-right: 10px; padding: 10px; float: left;
            background: green;">
            点我看看！！！</div>
        <div style="width: 100px; height: 50px; position: absolute; right: 50px; top: 250px;
            background: red;">
            点我看看！！！
            <div style="width: 80px; height: 100px; position: relative; left: -50px; top: 200px;
                padding: 10px; margin-left: 50px; background: blue;">
                点我看看！！！</div>
        </div>
    </div>
    <script src="js/zoom.js"></script>
    <script>
        document.querySelector(‘.page-body‘).addEventListener(‘click‘, function (event) {
            event.preventDefault();
            zoom.to({ element: event.target });
        });
</script>