javascript - 如何在加载页面时自动获取动画

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

document.ready 事件在加载 HTML 文档且 DOM 准备就绪时发生。 window onload 事件在 DOM 准备就绪以及所有框架、图像等已加载时发生。