jQuery 图片放大镜效果

实现原理:准备2张图片,原大图及缩略图。
当页面载人的时候正常显示缩略图,然后当鼠标经过缩略图的时候AJAX加载原大图。
使用jQuery的e.pageX方法提取鼠标经过图片时的坐标,再将遮罩的绝对定位时的坐标值赋值,同时改变大图的坐标值,达到显示位置的准确性。
当鼠标离开小图区域的时候隐藏遮罩。
本效果为刘晓帆原创,转载请注明出处,谢谢! Read More