Question

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation2

如果你想从一个页面转到另一个页面，如何在没有点击按钮的情况下使这个代码工作，那么盒子里的文字开始变大了吗？

Answer 1

您可以创建一个功能：

 function CallThis(){
     var div = $("div");  
     div.animate({left: '100px'}, "slow");
     div.animate({fontSize: '3em'}, "slow");
 }

并在任何地方运行它（在您的情况下，加载DOM时）：

 $(document).ready(function(){
      CallThis();
 })

Answer 2

使用相同的代码，没有点击处理程序

$(document).ready(function(){
     // this block will be executed  after DOM loaded
        var div = $("div");  
        div.animate({left: '100px'}, "slow");
        div.animate({fontSize: '3em'}, "slow");

});

...或

  $(document).ready(function(){

    setTimeout( function startAnimation(){
     // this block will be executed 1/2 second after the DOM is fully loaded
        var div = $("div");  
        div.animate({left: '100px'}, "slow");
        div.animate({fontSize: '3em'}, "slow");
   } ,
    500) // time in milliseconds , this is half second
  });

使用超时在执行前等待几秒

如何在不点击按钮的情况下使这个代码工作？

2 个答案: