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

Question

我不想使用css3过渡，保持纯粹.js。我们假设以下link

当你点击时，div（s）会出现，但是如何在页面加载/打开时运行相同的函数而不是通过单击btn来触发函数。??

Answer 1

在这种情况下，他们在jQuery中向你显示它们，并且它们已经将它包装在一个在页面加载之前不会执行的函数中。你只需要删除＆＃34;胆量＆＃34;点击处理程序并直接调用它。

变化：

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

Answer 2

在pageload上触发事件或jquery称之为document.ready

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

document.ready简短版

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