在我们平时见到很多购物网站都会有放大镜效果的出现,当我们将鼠标放在一个商品图片的上面,就会在旁边出现对应的放大效果。
; 实现步骤
实现原理是非常简单的,实际上是两张图片,一张原图和一张更大尺寸的图片。一开始通过css样式的设置,将大的图片隐藏掉,只有将鼠标放到原图上才会将大图片显示出来。
<div class="main">
<div class="div1">
<img src="123.jpg">
<!<
Original: https://blog.csdn.net/qq_46285118/article/details/128355030
Author: 静Yu
Title: Pro3:js实现放大镜效果
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/812353/
转载文章受原作者版权保护。转载请注明原作者出处!