jQuery は移動とグラデーション効果のクリック イベントを実装します_jquery

まずコードを見てください:

コードをコピー コードは次のとおりです:

   
       
       
       
   

   
        点击开始动画
       

        <スクリプト>
            $(document).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'},"slow");
                div.animate({bottom:'100px',opacity:'0.8'},"slow");
                div.animate({left:'100px',opacity:'0.8'},"slow");
                div.animate({top:'100px',opacity:'0.8'},"slow");
              });
            });
       
        <スクリプト>
            $(document).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'},"遅い");
                    });
                });
            });
       
   

.animate イベントは、このエリアの新しいイベントです。解釈すると、div ブロックに移動可能な魂が追加されます。

ヒント：

1、イベントの点击节点の選択をクリックします

2、var div=$(".box") 制御が必要な CSS プロパティを通過します

以下はコードを削除する必要があるため、その内容をよく理解してください。