jQuery實作移動 和 漸層特效的點擊事件_jquery

先看程式碼：

複製程式碼 程式碼如下:

   
       
       
       
   

   
        点击开始动画
       

       
            $(文檔).ready(function(){
              $("按鈕").click(function(){
                var div=$(".box");
                div.animate({高度:'200px',不透明度:'0.4'},"慢");
                div.animate({寬度:'200px',不透明度:'0.8'},"慢");
                div.animate({高度:'100px',不透明度:'0.4'},"慢");
                div.animate({寬度:'100px',不透明度:'0.8'},"慢");
                div.animate({right:'100px',opacity:'0.8'},"慢");
                div.animate({bottom:'100px',opacity:'0.8'},"慢");
                div.animate({left:'100px',opacity:'0.8'},"慢");
                div.animate({top:'100px',opacity:'0.8'},"慢");
              });
            });
        腳本>
       
            $(文檔).ready(function(){
                $("按鈕").click(function(){
                    var div=$(".box");
                        div.animate({高度:'300px',不透明度:'0.4'},"慢");
                        div.animate({寬度:'300px',不透明度:'0.8'},"慢");
                        div.animate({高度:'100px',不透明度:'0.4'},"慢");
                        div.animate({寬度:'100px',不透明度:'0.8'},"慢");
                    });
                });
            });
        腳本>
    身體>