如何利用层和行为在网页中实现鼠标拖动的拼图效果

可以用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>

差不多就是这个逻辑

---