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

Question

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

当你点击div出现，但我怎样才能得到相同的功能运行时页面加载/打开，而不是通过点击btn触发功能。

Answer 1

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

变化：

$(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

触发页面加载或什么jQuery的调用它的情况下，document.ready

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

document.ready短版

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