插件描述：spzoom是一个jQuery插件，用于创建简单的悬停图像缩放。有一些选项可用于指定缩放显示区域的宽度，高度，位置和边距。
发布时间：2018-6-5 10:06
更新时间：2018/6/6 1:37:07
更新说明：解决因点击放大消失问题。
使用方法
需要引用Query库，以及插件文件jquery.spzoom.css和jquery.spzoom.js
1 2 3 | <link rel="stylesheet" type="text/css" href="css/jquery.spzoom.css"/><script type="text/javascript" src="js/jquery.spzoom.js"></script> |
html
1 2 3 | <a name="img/aa.png" title="medal sygnowany" data-spzoom data-spzoom-width="200" data-spzoom-height="200"> <img src="img/aa.png" alt="Image" width="200" /></a> |
js
1 2 3 | $(function() { $('[data-spzoom]').spzoom();}); |
选项
| 选项 | 默认 | 描述 |
|---|---|---|
| width | 250 | 缩放窗口宽度 |
| height | 250 | 缩放窗口高度 |
| position | 'right' | 缩放窗口相对于拇指的位置。可以是顶部/右侧/底部/左侧之一 |
| margin | 20 | 拇指和缩放窗口之间的额外空间 |
| titlePosition | 'bottom' | '底部'图像标题位置（标题从锚标题属性读取）。有效值为：顶部/底部 |
| showTitle | true | 是否显示标题 |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 轻量级的原生js权限树插件(原创)
- 下一个特效： jQuery品类三、四级联动