jquery实现淘宝商品图片局部放大

本篇博文用于简单记录图片放大功能实现，供大家参考，具体内容如下

功能实现还存在一些小漏洞在文章结尾提出，希望各位指正

1、图片放大初考虑将图片转换为字体图片形式，然后进行放大处理，但最终本人技术不过关无法实现，后用width: 200%;进行一般的图片放大，所以当图片越大就存在一些失真；

2、图片放大后的显示为本次实现的关键，通过获取鼠标指针的位置从而获取指针在图片的那一个位置，再以当前位置进行图片放大，放大后将图片进行偏移，偏移量以鼠标指针在原图的位置上获取的left和top值乘以放大倍数就可以显示局部放大的功能了

本功能在具体操作上还存在一些问题，当鼠标快速移开原图区域时，无法有效的监听到鼠标移出区域的事件，在考虑使用移出事件时，鼠标悬浮于原图上的遮罩层影响力鼠标在原图上的移出事件，无法很好的解决，希望各位帮忙移出事件。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。