ZooMove 是一个图像缩放 jQuery 插件，允许使用 mouseover 动态缩放图像，并使用鼠标移动查看详细信息。
兼容：jQuery 1.7+，Chrome 42+，Firefox 41+，Safari 9+，Opera 29+，Internet Explorer 9+ 。
用法
引入文件
<!-- ZooMove CSS minified -->
<link rel="stylesheet" href="dist/zoomove.min.css">
<!-- jQuery CDN JS minified (must) -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- ZooMove JS minified -->
<script src="dist/zoomove.min.js"></script>HTML
<!-- HTML Element -->
<figure
class="zoo-item"
data-zoo-image="[value]"
data-zoo-scale="[value]"
data-zoo-move="[value]"
data-zoo-over="[value]"
data-zoo-cursor="[value]"
>
</figure>JS
<!-- JavaScript -->
<script>
$('.zoo-item').ZooMove({
image: '[value]',
scale: '[value]',
move: '[value]',
over: '[value]',
cursor: '[value]'
});
</script>属性
| 属性 | 默认 | 描述 |
|---|---|---|
| data-zoo-image | – | 要显示的图像的网址。 |
| data-zoo-scale | 1.5 (150%) | 设置应应用于图像的缩放大小。 |
| data-zoo-move | true | 选择图像是否应随鼠标移动而移动。 |
| data-zoo-over | false | 使用“结束”，可以定义图像是否可以在上层。 |
| data-zoo-cursor | false | 定义光标指针或默认值。 |
演示
2017-08-07
