HTML代碼：<div></div>CSS代碼：div{???????? width: 100px;???????? height: 100px;???????? background: red;???????? position: absolute; }jq代碼：<script type="text/javascript">? ? ?$(function(){????????? ? ? var disX,disY;????????? ? ? $("div").mousedown(function(event){????????????????????? ? ? /*鼠標距離紅方塊邊緣的距離*/????????????????????? ? ? disX=event.pageX - $("div").offset().left;????????????????????? ? ? disY=event.pageY - $("div").offset().top;????????? ? ? });????????? ? ? $(document).mousemove(function(event){????????????????? ? ? $("div").css({????????????????? ? ? "left":event.pageX - disX,????????????????? ? ? "top":event.pageY - disY????????????????? ? ? });????????? ? ? });????????? ? ? $(document).mouseup(function(){????????? ? ????????? $(document).off();????????? ? ? });????????? ? ? return false;?????})?</script>——————————————————————————————修改了一下，這樣就可以了：<script type="text/javascript">???????? $(function(){???????????????????? var disX,disY;???????????????????? $("div").mousedown(function(event){???????????????????? ???????????????????????????????? disX=event.pageX - $(this).offset().left;???????????????????????????????? disY=event.pageY - $(this).offset().top;???????????????????????????????? ???????????????????????????????? $(document).mousemove(function(event){???????????????????????????????????????????????? $("div").css({???????????????????????????????????????????????????????? "left":event.pageX - disX ,???????????????????????????????????????????????????????? "top":event.pageY - disY???????????????????????????????????????????????? });???????????????????????????????? });???????????????????????????????? ???????????????????????????????? $(document).mouseup(function(){?????????????????????????????????????????????? ? ?$(document).off("mousemove");???????????????????????????????? });???????????????????????????????? ???????????????????????????????? return false;???????????????????? ???????????????????? });???????????? ???????? })</script>