以下是使用jQuery实现可拖动的浮动层的完整代码,复制保存到html文件就可以体验效果。也可以访问以下网址体验效果:http://www.keleyi.com/keleyi/phtml/dragdiv.htm 光标移动到层上,按住鼠标就可以拖动层。 复制代码 代码如下: jQuery实现可拖动的浮动层(版本2) - 柯乐义 <BR>.box{ position:absolute; top:200px; left:400px; width:200px; height:200px; background:#8a9bca; cursor:move;} <BR> <BR>$(document).ready(function (e) { <BR>$(".box").mousedown(function (e) { <BR>iDiffX = e.pageX - $(this).offset().left; <BR>iDiffY = e.pageY - $(this).offset().top; <BR>$(document).mousemove(function (e) { <BR>$(".box").css({ "left": (e.pageX - iDiffX), "top": (e.pageY - iDiffY) }); <BR>}); <BR>}); <BR>$(".box").mouseup(function () { <BR>$(document).unbind("mousemove"); <BR>}); <BR>}); <BR> 欢迎光临! 光标移动到层上,按住鼠标就可以拖动该层。柯乐义 www.keleyi.com