原作者地址：https://github.com/lemontree2000/vue magnify 经测试，原插件在使用时有bug,即在预览时进行鼠标滚动，导致遮罩层计算错误。我已修复该bug,特分享出来。 组件核心代码： 使用： 效果图： ...
分类：
其他好文 时间：
2017-11-28 19:50:15
阅读次数：
1323
input输入的时候可以在后边显示数字放大镜 效果图 ...
分类：
Web程序 时间：
2017-11-13 18:18:34
阅读次数：
205
在开发商城的时候，往往会用到图片的放大功能，这里把自己在近期项目中使用的放大镜特效做一下总结(非插件)。 放大镜效果 常用的js组件jquery.imagezoom，jquery.jqzoom，jquery.zoom等 这些组件大同小异。 大家感兴趣的话可以去百度一下。 今天主要是使用非组件方法来做 ...
分类：
Web程序 时间：
2017-10-25 13:53:13
阅读次数：
252
注意：里边的两张图片(一大一小)可以自己添加，JQ采用jquery-1.11.3.js版，也可自行调换。 HTML代码： CSS代码： reset.min.css文件： JS代码： ...
分类：
Web程序 时间：
2017-10-24 18:21:56
阅读次数：
270
效果： 1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图 2、 鼠标移动时右边的大图片也会局部移动 放大镜的关键原理： 鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置，定位大图片的相应位置； 放大镜的移动方向和大图片的移动方向：横向和纵向都是相反，才可以保证同步； 页面元素： 技术点：事件捕 ...
分类：
Web程序 时间：
2017-10-18 15:27:30
阅读次数：
189
之前有在网上见过原生js实现放大镜的效果，但是代码量略多，今天和大家分享下我自己用jq实现的放大镜效果吧！ 首先html布局结构和样式 贴上代码给大伙看一下： html结构： <div class="pic"> <img src="images/xiaotu.jpg" alt=""> <div cl ...
分类：
其他好文 时间：
2017-08-17 23:36:17
阅读次数：
288
一、效果图 jqzoom插件用于产生图片放大镜效果，效果图如下： 二、引入 1、引入 jQuery 2、引入 jqzoom插件 三、配置 1、html 文档结构 例： 2、script 脚本配置 3、css 样式配置 ...
分类：
其他好文 时间：
2017-08-04 20:29:20
阅读次数：
163
