由项目需要，原生写了个详情页图片放大镜的效果，扔上代码供学习分享，也作为日常笔记...
效果如图(例子中偷偷链了张天猫的图片，希望没啥事 -。-)：
实现过程教简单，但我们还是从css开始分析，过程如下（图片已正方形为例）：
css：
/* 图片容器 */
.imgBox{
width: 200px; /* 各位大老爷们看着办 */
height: 200px; /* 各位大老爷们看着办 */
position: relative; /* 必需 */
} /* 图片标签 */
.mainImg{
width: 100%; /* 各位大老爷们看着办，尽量100%好看些[斜眼笑] */
height: 100%; /* 各位大老爷们看着办，尽量100%好看些[斜眼笑] */
} /* 遮罩层-既放大区域 */
.glass{
position: absolute; /* 必需 */
width: 50px; /* 遮罩层宽度 此处是放大4倍，所以为200/4=50 */
height: 50px; /* 遮罩层高度 此处是放大4倍，所以为200/4=50 */
top: -9999px; /* 绝对位置，先放远些 */
left: -9999px; /* 绝对位置，先放远些 */
cursor: move; /* 鼠标样式，好看些 */
background: rgba(0,0,180,0.5); /* 遮罩层样式，好看些 */
} /* 大图所在的容器 */
&nb
延伸阅读
- ssh框架
2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁
2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】
2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词
2017-07-26
- 从栈不平衡问题 理解 calling convention
2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明
2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解
2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析
2017-07-26
- 集合结合数据结构来看看(二)
2017-07-26
学习是年轻人改变自己的最好方式