- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jqueryで画像を ↓ 停止 ← こういう風に動）
jqueryで画像を停止し、指定した方向や距離で動かす方法
このQ&Aのポイント
- jqueryを使用して、画像を一時停止させた後、指定した方向や距離で動かす方法について教えてください。
- 質問のコードを見ると、jqueryを使用してidが「anime」の画像を右に100px移動させ、幅を2500px、高さを200pxに変更するアニメーションが設定されています。しかし、動きの方向や距離を指定することができません。
- 回答としては、animate()メソッドのオプションに直接数値を指定するのではなく、変数を使用して動きを制御する方法があります。具体的には、変数を定義し、その変数を使って方向や距離を制御することで、自由な動きを実現することができます。
- vvv78
- お礼率100% (4/4)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
右の方から左に移動した後、下に移動する(拡大はしない) という動きなら下記のように。 動きを連続する場合はanimateイベントを複数定義しましょう。 <html> <head> </head> <body> <img id="anime" style="position:absolute;left:500px;top:0px" src="ooo"> </body> </html> <script> jQuery(function(){ $('#anime').animate({ left : '0px' },15000).animate({ top : '500px' },15000); }); </script>
お礼
回答ありがとうございました。 教えてもらった通りやったら、うまくいきました。