首先:我们需要一个可以移动的DIV
复制代码 代码如下:
这个DIV 可以移动,你可以测试下。
然后:我们需要控制他的移动范围
复制代码 代码如下:
解决了上面的我问题。那么这个效果就不难了。!
我们可以获得了 一个 x y, 恰好这个 x y 可以用来设置大图背景的 x y。
这里我们值得注意的事。要把握好大图与小图的比例。
还有就是显示图片的DIV 与移动的DIV 比例。
比如我这里的比例: 大图800*800 小图是200*200
显示大图的DIV 200*200 移动的div 50*50。
其实我还没总结出这个公式。绕的有点头晕呵呵。
下面我贴出全部代码:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]



