jQuery鼠标移动到图片放大镜插件imgzoom.js

使用方法：

1.引入jQuery与imgzoom,imgzoom.css

<link rel="stylesheet" href="css/jquery.imgzoom.css" />
<script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.imgzoom.min.js" ></script>

2.调用插件

$(".main").imgzoom({position:"inner"});

参数说明：

1. position：放大图片显示的位置，包括‘inner’,'top','left','right','bottom'。

2. boxWidth：图片锁定区域框的宽度。

3. boxHeight：图片锁定区域框的高度。

4. borderRadius：图片锁定区域框的圆角弧度

5. left:当图片位置不为inner时候，left有效

6. top:当图片位置不为inner的时候，left有效