图片/图形
OKZoom 超酷图片放大镜jQuery特效插件
PetitQ
OKZoom 是一款非常优秀的图片放大镜特效 jQuery 插件。该图片放大镜插件可以制作出一个圆形或者方形的放大镜区域，效果和真实的放大镜效果非常相似。你还可以为放大镜设置边框颜色和阴影效果。
使用方法
使用该图片放大镜插件首先要引入 jQuery 和 okzoom.js 文件。
也想出现在这里？联系我们吧
<script src='js/jquery.js'></script>
<script src='js/okzoom.js'></script>
然后在你想要制作放大镜效果的图片上使用下面的方法调用该插件：
$('img').okzoom({
width: 200,
height: 200,
round: true,
background: "#fff",
backgroundRepeat: "repeat",
shadow: "0 0 5px #000",
border: "1px solid black"
});
配置参数
下面是该图片放大镜插件的可用配置参数：
| 参数 | 描述 | 默认值 |
| width | 放大镜的宽度，单位像素。 | 150 |
| height | 放大镜的高度，单位像素。 | 150 |
| scaleWidth | 缩放放大镜图片的尺寸 | null |
| round | 设置为true为圆形放大镜，反之为方形放大镜 |
true |
| background | 图片放大镜的边缘颜色 | #fff |
| backgroundRepeat | 是否在放大镜内容重复图片 | no-repeat |
| border | 放大镜边框的颜色 | 0 |
| shadow | 放大镜的阴影 | 0 0 5px #000 |
Data 属性
通常我们都在一幅尺寸被缩小的图片上使用这个图片放大镜效果，用于在放大镜中显示大尺寸的图片。如果你喜欢，可以使用 HTML5 data 属性 data-okimage 来替换放大镜中显示的内容
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
