我想知道他们是如何做到的这显然是Javascript,我看着页面的源码,但它并不是特别可读的(没有什么惊喜)。
忽略了所有嵌入的漂亮的动画GIF,基本上有两个图像 – 整个场景都很大,很小。较大的图像在文档中重复三次。看看下面的注释图像,以更好地了解缩放如何工作。
放大镜中的部分分为三个顶部,中间和底部。每个div的溢出应该被隐藏。每个div相对位于缩放圈内。在鼠标移动时,将缩放圆的绝对位置更改为鼠标坐标。他们的例子也使用CSS3来缩放和添加一些动画延迟。
这是一个最小重建的example。
另一个example,我们不会隐藏div的溢出,将整个东西作为一个广场。