jQuery实现图片放大镜效果
实现图片放大镜的原理：
- 给放大镜元素一个对应的html元素为
- 设置这个div的宽高固定为某个值（350px，350px）
- 设置div的css为超出部分隐藏
- div中嵌套子元素img设置宽高固定为某个值（2560px，1600px）
- 通过数学函数计算，移动div的x轴和y轴的滚动条，正好让放大镜显示刺客鼠标在大图的那一块区域。
attr()方法：获取或更改对应的DOM元素的属性值
- 获取：$("div").attr("属性名称")
- 更改：$("div").attr("属性名称","属性值")
mouseout()：鼠标移出事件
scrollTop()：获取或设置匹配元素相对滚动条顶部的偏移
scrollLeft()：获取或设置匹配元素相对滚动条左侧的偏移
源代码：
jQuery实现放大镜效果 - 锐客网 
文章图片
文章图片
文章图片
文章图片
文章图片
![jQuery实现图片放大镜效果]()
文章图片
效果图：
1.鼠标经过下面的小图片：
文章图片
2.放大效果：
转载于:https://www.cnblogs.com/guo-xu/p/10572711.html
