html 纯js 实现带热点图片在规定区域内的拖动 （效果类似地图拖动）

Question

需求效果是这样的一张带热点的图片一个外部jshtml页面做显示  div + css具体效果是在html页面内  div规定的区域范围内  对显示的图片可拖动查看局部（图片大于div规定范围的情况下）这种拖动效果类似于地图拖动再就是热点效果了当鼠标移入热点区的时候  该热点颜色变换  凸显出该区域已被选中就以上效果  要支持IE6/7/8  和火狐浏览器如有对需求不明白的  可以再问。  求高手支招。

Answer 1

CSDN分真值钱  40分就可以做这么多事  100分是不是都可以交个项目了
至于你说的效果，应该类似 放大镜效果,叫 imageZoom
用插件吧,很多的，比如: cloud-zoom.1.0.2

Answer 2

这是我最后的分了。  如果有多分  我全部拿出来都没问题关键是要能解决问题。还有  我单是图片在固定区域内的拖动效果  我也找到了。单是图片上热点区域鼠标移入 变色的效果 我也找到的。但是想把这啷个效果结合起来用  就不行了。  所以才问的。我是js菜鸟  如果我要是js高手 也不会来发问了。谢谢高手指教。