也可以计算好大小位置（position:absolute固定死），可参看小乐图客的拼图功能。
可以用css+jQuery来做，当然html5现在已经具有了拖动的功能，你也可以去了解一下，这个是案例：http://www.w3school.com.cn/tiy/t.asp?f=html5_draganddrop如果用老方法完成，就要用到mousedown，onmousemove及mouseup三个事件，当触发当前元素的mousedown事件时，你给当前元素设置层级关系为最高并且允许拖动！
拼图？不太懂
定义一个div的position为relative 然后里面的图片全部定义为position absolute属性的 然后控制他们的left 和top值就可以达到效果了
<style>.box{width:500pxheight:500px background-color:#dddposition:relative}
.box img{position:absolute}
.m1{left:0top:0}
.m2{left:20pxtop:20px}
.m3{left:40pxtop:0}
</style>
<div class="box">
<img src="xx" width="20" height="20" class="m1">
<img src="xx" width="20" height="20" class="m2">
<img src="xx" width="20" height="20" class="m3">
</div>
差不多就是这个逻辑
