我应该如何在页面加载时执行 javascript 动画？

Question

我不想使用 css3 转换，保持纯 .js。让我们假设以下 link

当你点击时，div(s) 出现，但是我怎样才能在页面 load/open 时获得相同的功能运行而不是通过点击 btn 触发功能。 ??

Answer 1

在页面加载时触发事件或 jquery 称之为事件，document.ready

$(document).ready(function() {
  // do whatever.
});

document.ready 短版

 $(function () {
   // do whatever.
 });

Answer 2

在这种情况下，他们在 jQuery 中向您展示了它，并且已经将其包装在一个函数中，该函数在加载页面之前不会执行。你只需要去掉click handler的"guts"直接调用即可。

变化：

$(document).ready(function(){
    $("button").click(function(){
        $("#div1").fadeIn();
        $("#div2").fadeIn("slow");
        $("#div3").fadeIn(3000);
    });
});

收件人：

$(document).ready(function(){
     $("#div1").fadeIn();
     $("#div2").fadeIn("slow");
     $("#div3").fadeIn(3000);
});

我应该如何在页面加载时执行 javascript 动画？

how should i have a javascript animation execute when the page loads?

javascript

animation

transition