jQuery 回调函数（callback）的使用和基础_jquery

   
       
       
       
   

   
        点击开始动画
       
        <script> <br /> $(document).ready(function(){<br /> $("button").click(function(){<br /> var div=$(".box");<br /> div.animate({height:'200px',opacity:'0.4'},"slow");<br /> div.animate({width:'200px',opacity:'0.8'},"slow");<br /> div.animate({height:'100px',opacity:'0.4'},"slow");<br /> div.animate({width:'100px',opacity:'0.8'},"slow");<br /> div.animate({right:'100px',opacity:'0.8'},"slow");<br /> div.animate({bottom:'100px',opacity:'0.8'},"slow");<br /> div.animate({left:'100px',opacity:'0.8'},"slow");<br /> div.animate({top:'100px',opacity:'0.8'},"slow",function(){<br /> alert("The paragraph is over");<br /> });<br /> });<br /> });<br /> </script>
        <script><br /> $(document).ready(function(){<br /> $("button").click(function(){<br /> var div=$(".box");<br /> div.animate({height:'300px',opacity:'0.4'},"slow");<br /> div.animate({width:'300px',opacity:'0.8'},"slow");<br /> div.animate({height:'100px',opacity:'0.4'},"slow");<br /> div.animate({width:'100px',opacity:'0.8'},"slow",function(){<br /> alert("The paragraph is over");<br /> 　　　　 });<br /> });<br /> });<br /> });<br /> </script>