js实现放大镜效果

前言:在拿到一个需求之前,我们要先进行分析,再设计,最后实现代码的编写以及调试。

放大镜的原理分析

  • 鼠标在小图片上移动时,通过捕获鼠标在小图片上的位置,定位大图片的相应位置

放大镜特效设计

  • 页面元素
  • 技术点:事件捕获、定位
  • 难点:计算

代码编写,Github源码下载 [https://github.com/galyean-gong/function.git ]




   放大镜特效



![](image/saml.jpg)
![](image/big.jpg)

你可能感兴趣的:(js实现放大镜效果)