このコードを使用するには、jquery の js ファイルが必要であることに注意してください。そのため、最初に jquery ファイルをダウンロードし、呼び出しパスに注意することができます。 コード: コードをコピー コードは次のとおりです: jQuery アニメーションの基本 " src ="../js/jquery-1.2.6.js"> <br>.theImage{ <br>位置:相対; <br>背景:緑; <br>} <br> ){ <br>$("#btnShow").click(function(){ <br>//$("#block").show(1000);//パラメータがないとアニメーション効果はありません<br>//$( "#block").fadeIn("slow");//透明度に応じて表示または非表示<br>$("#block").slideDown();//高さを変更する場合のみ下に引き下げます<br>}); <br>$("#btnHide").click(function(){ <br>//$("#block").hide("normal");//遅い、普通、速い<br>//$( "#block").fadeOut(5000); <br>$("#block").slideUp(); <br><br>//カスタムアニメーション<br>$("# btnImage").click(function(){ <br>$("#imageDiv").animate( <br>//I <br>//移動先の位置、ここの位置は相対位置<br>//topは元の位置に対してどれだけ上に移動するのか理解できなかったのですが、結局下に移動してしまいました。 <br>//{left:"400px",top:"100px"}, <br>//3000 <br>//II <br>{left:" =50",width:"300px",height: "200px"}, //位置を変更しながら幅と高さを変更します <br>3000 <br>) <br>}); <br>//アニメーションを 2 つ同時に実行し、1 つを実行してから実行しますもう一方。 <br>$("#btnImage").click(function(){ <br>$("#imageDiv").animate( <br>{左:"100px",幅:"30px",高さ:"20px "}, <br>3000, <br>function(){alert('callback function');}//アニメーション終了後に実行される関数<br>); <br>}); <br>}) ; <br> 🎜 >非表示 こんにちは!< ; /div> moveImage div>hi
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
