js 實現div跟隨滑鼠移動

標籤：

今天看到了一個自己可以隨心所欲的拖到div到頁面的任意位置。感覺挺好的，就心血來潮的查詢了一下，看看網友做的

代碼如下：

<script>
function doit(){
var obj = document.getElementById("pad");
obj.style.left = event.x+10;
obj.style.top = event.y+10;
}
window.onload=function(){
document.body.onmousemove = doit;
}
</script>
<div id="pad" style="padding:0px;margin:0px;width:10px;height:10px;left:0px;top:0px;background-color:#ff0000;position:absolute;z-index:100;"></div>

 

這個網友說不支援FF！！

<script>
function doit(e){
var obj = document.getElementById("pad");

obj.style.left = e.pageX+10;
obj.style.top = e.pageY+10;

}
window.onload=function(){ document.body.onmousemove = doit(event); }
</script>
<div id="pad" style="width:10px;height:10px;position:absolute"></div>

 

 

js 實現div跟隨滑鼠移動