<script type="text/javascript">
// 层拖拽
function Mmousedown(i,e){
var _move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置
var obj="";
_move=true;
_x=e.clientX-parseInt($("#d"+i).css("left"));
_y=e.clientY-parseInt($("#d"+i).css("top"));
Mmove(i,e,_x,_y,_move);
}
function Mmove(i,e,_x,_y,_move){
$(document).mousemove(function(e){
if(_move){
var x=e.clientX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
var y=e.clientY-_y;
$("#d"+i).css({top:y,left:x});//控件新位置
}
}).mouseup(function(){
_move=false;
});
}
function Cclick(i){
/*$('div[name="tuodong"]').each(function(){
$("#"+i).css("z-index","1000");
alert($("#"+i).css("z-index"));
});*/
$(".tuodong").css("z-index","1000");
$("#d"+i).css("z-index","10000");
//alert($("#"+i).css("z-index"));
}
</script>
<style type="text/css">
.drag{100px;height:100px;border:1px solid #ddd;background:#FBF2BD;text-align:center;padding:5px;;cursor:move;}
</style>
<!--模块拖拽-->
<div
class="drag tuodong" id="d1" onmousedown="Mmousedown(1,event)"
onclick="Cclick(1)"
style="position:absolute;top:100px;left:20px">这个层是可以拖动滴 ^_^ <br
/> </div>
<div class="drag tuodong" id="d2" onmousedown="Mmousedown(2,event)" onclick="Cclick(2)" style="position:absolute;top:100px;left:20px">这个层是可以拖动滴 ^_^ <br /> </div>
<div class="drag tuodong" id="d3" onmousedown="Mmousedown(3,event)" onclick="Cclick(3)" style="position:absolute;top:100px;left:20px">这个层是可以拖动滴 ^_^ <br /> </div>