JQuery中放大镜的应用

放大镜效果，例如电商一些商品的放大效果
hizoom是一个简单的放大镜效果 的插件
特点很强大
1 简洁：文件详尽无遗
2 淡淡道：javascript的文件压缩只是3KB，而且是一个22 MagicZoom插件
3 支持的浏览器：Chrome，Firefox，Safiri，IE9 +

首先要引入css文件

<link rel='stylesheet' href='./hizoom.min.css'>

再引入

<script src='js/jquery.min.js'></script>
<script src='js/hizoom.min.js'></script>

html代码

<div class='hizoom gakki'>
  <img src='./gakki.png'>
</div>
<div class='hizoom ldy'>
  <img src='./ldy.png'>
</div>

js代码（要引入jquery库）

  // Call the plugin
  $('.gakki').hiZoom({
    width: 400,
    position: 'right'
  });
  $('.ldy').hiZoom({
    width: 300,
    position: 'left'
  });

其中一些参数

效果图实例

HiZoom.js jquery放大镜插件的github地址为：https://github.com/javashop/HiZoom