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

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
});