转自给力技术:http://site518.net/javascript-drag-n-drop-widget/
如何使用
首先在head中加载SpryMap的脚本文件
<script type="text/javascript" src="spryMap-min2.js"></script>
在页面中添加要显示的图片,如设置id为worldMap的img标签
<img id="worldMap" src="map.jpg"/>
最后在页面加载时初始化
var map = new SpryMap({id : "worldMap",
height: 400,
width: 800,
startX: 200,
startY: 200,
cssClass: "mappy"});
演示地址