如何在加載頁面時自動獲取動畫

Question

我想在頁面加載時自動生成圖片效果。現在我使用此代碼 JS

$(window).ready(function(){ 
$(pin).click(function(){ 
    $("#pin01").show().animate({left: '650px'}); 
}) 
}); 

和HTML

<p id="pin">Click me</p> 
<img src="mission.gif" id="pin01" style=" display:none;position:absolute;top:300px;left:300px" /> 

當我點擊出現的按鈕動畫。我怎樣才能使頁面加載後自動進行動畫而無需任何按鈕？

Answer 1

根據您的具體需求

$(document).ready(function(){ 
    $("#pin01").show().animate({left: '650px'}); 
}); 

或

$(widnow).load(function(){ 
    $("#pin01").show().animate({left: '650px'}); 
}); 

當HTML文件被加載並DOM準備時發生document.ready事件簡而言之就緒或負載處理程序中的動畫線。當DOM準備好以及所有框架，圖像等已被加載時，將發生window onload事件。

Answer 2

您可以嘗試觸發，以及：

$(window).ready(function(){ 
    $('#pin').click(function(){ //<-- note the correction, it was `$(pin)` before 
    $("#pin01").show().animate({left: '650px'}); 
    }).trigger('click'); //<-- triggers event 
});