js 放大镜效果(可随意更改,放大区域的大小,比例)
效果效果,鼠标在原图片移动,黄色小盒子跟随鼠标移动,黄色小盒子盖住的部分,在显示区显示效果图如下:核心思路1.鼠标放置在图片上,显示区出现,鼠标离开小盒子,显示区消失2.鼠标在图片上移动时,小盒子跟随鼠标移动,且鼠标在黄色小盒子中间位置3.小盒子给判断,让其不能超出图片区域4.小盒在图片上移动多少,显示区域要移动同比例的距离5.当显示区大小发生改变,或显示区内容增大变小,原来图片上的黄色小盒子随之改变操作1.先把需要用到元素获取过来 // 获取页面上我们需.
原创
2021-09-05 23:33:36 ·
3257 阅读 ·
3 评论