功能介绍:
1.拖拽大图,同时改变小图区域。反之亦然。
2.初始化时,可以定位显示的区域坐标。
3.动态更换图片。
基本思想:大图,鼠标放上去移动图片,实际上改变的是大图div的“backgroundPosition”属性。
小图,鼠标移动图片,实际改变的是小图div的绝对坐标(left,top)属性。
注意:div的position属性,都必须设置为:“absolute”。
截图:

示例下载:类似google map 的图片拖拽功能demo
浙公网安备 33010602011771号