图片/图形
轻量级简单实用图片放大镜jQuery特效
PetitQ
zoomtoo 是一款轻量级的简单实用的 jQuery 图片放大镜特效插件。这个图片放大镜特效在鼠标滑过骨牌的时候，在原来图片区域内部将图片放大。鼠标进入和离开图片区域时都带有淡入淡出的效果。该图片放大镜插件的浏览器兼容性非常好，可以兼容 IE7+的 IE 浏览器。
使用方法
使用该图片放大镜需要引入 jQuery 和 jquery.zoomtoo.js 文件。
也想出现在这里？联系我们吧
<script src="jquery/2.1.4/jquery.min.js"></script>
<script src="dist/jquery.zoomtoo.js"></script>
HTML 结构
该图片放大镜的 HTML 结构将一个图片包裹在一个容器中即可。包裹容器用于定位。
<div id="#frame">
<img src="low_res.jpg" data-src="high_res.jpg" />
</div>
初始化插件
在页面加载完毕之后，可以通过下面的方法来初始化该放大镜插件。
$("#frame").zoomtoo({
magnify: 1
});
配置参数
下面是该放大镜插件的默认配置参数。
$("#demo").zoomToo({
// 持续时间，单位毫秒showDuration: 500,
moveDuration: 1200,
// 初始化放大级别magnify: 1,
// 镜头的宽度和高度lensWidth: 200,
lensHeight: 200
});
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
