vue-piczoom：基于vue2.x的电商图片放大镜插件 最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，各位大神莫见笑。 vue-piczoom A picture ...
分类：
其他好文 时间：
2018-01-24 11:00:41
阅读次数：
388
知识点 1. 网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度） document.documentElement.scrollTop和document.documentElement.scrollLeft 2. 网页工作区域的高度和宽度 document.documentEleme ...
分类：
其他好文 时间：
2018-01-18 17:18:04
阅读次数：
114
效果图如下： 需求：鼠标放到小盒子上，让大盒子里面的图片和我们同步等比例移动技术点：onmouseenter==onmouseover 第一个不冒泡技术点：onmouseleave==onmouseout 第一个不冒泡步骤：1.鼠标放上去显示盒子，移开隐藏盒子2.老三步和新五步（灰盒子跟随移动）3. ...
分类：
Web程序 时间：
2018-01-15 14:51:09
阅读次数：
176
1 2 3 4 5 6 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 ...
分类：
其他好文 时间：
2017-12-29 15:22:37
阅读次数：
149
1.如何进行局部放大，并且进行层级叠加？ 解决办法： 选择右侧栏中的放大镜，然后选择需要放大的位置。 一定要在侧边栏，其他并不管用。然后按住ctrl键进行选择，然后enlarge图的，就会显示，之后进行复制在同一个图层中，就行。 ...
分类：
其他好文 时间：
2017-12-10 21:34:51
阅读次数：
167
源码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3伪放大镜(图片放大动画)效果</title><style>.gallery{list-style:none}.gallery:before,.gal ...
分类：
Web程序 时间：
2017-12-07 17:34:59
阅读次数：
263
前提：两张图（200x200 , 450x450） ...
分类：
其他好文 时间：
2017-12-05 21:21:04
阅读次数：
147
原作者地址：https://github.com/lemontree2000/vue magnify 经测试，原插件在使用时有bug,即在预览时进行鼠标滚动，导致遮罩层计算错误。我已修复该bug,特分享出来。 组件核心代码： 使用： 效果图： ...
分类：
其他好文 时间：
2017-11-28 19:50:15
阅读次数：
1323
需求：商品展示图片的放大效果， 运用技术：onmousemove,event事件，event.clientX,event.clientY,简单的实现商品放大效果， tips：可以下载源码直接放到编辑器里面看效果，请注意需要往class为img的img标签里添加图片地址，这样就可以实现一个简单的放大镜 ...
分类：
其他好文 时间：
2017-11-24 17:02:41
阅读次数：
153
