加載內容後在屏幕上移動彈出框

Question

我在做一個個人設計項目，我正在使用自動彈出窗口來混淆屏幕。現在我試圖讓彈出式窗口在你的屏幕上跳舞，但是隻有當它們將內容加載到他們的窗戶上之後。 原因是我注意到我可以讓他們四處移動，但只有在他們停止移動後纔會加載他們的內容。無論如何要扭轉這種情況嗎？

爲了讓他們彈出，我有這樣的事情：

var W3 = window.open('oculuspic.html','Popup3',"toolbar=no,status=no,location=yes, left=0, top=320, directories=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300"); 

爲了使它們移動，這樣的事情：

W3.moveTo(0,420); W150.moveTo(0,320); 
W3.moveTo(0,220); W150.moveTo(0,120); 
W3.moveTo(0,0); 
setTimeout('pop()', 1); 

如果有更好的辦法，讓他們也動，那簡直太好了！

Answer 1

您可以嘗試幾個方法：

方法1：

window.onload = function(){ 
    //add your move logic 
} 

方法2：

$(document).ready(function(){ 
    //add your move logic here 
});