jqueryの.animate()メソッドを使用して、(明示的に設定された)初期値から最終値にプロパティをアニメーション化することは可能ですか?現在の値から別の値へ?JQueryの.animate()を使用してある値から開始し、別の値で終了
7
A
答えて
7
私が知る限り、それは最終的な価値に現在の値でなければなりません。しかし、高さを20から100ピクセルにアニメーション化したいとしましょう。ちょうど:
$('#elem').css('height', '20px').animate({ height: 100 }, 1000);
+0
私はそれが好きです - ありがとう – Yarin
0
animate()を呼び出す前にプロパティの値を設定するだけです。
2
.animate()
は、アニメーション化しているプロパティの現在設定されている値から、メソッドで指定した最終値に常に移動します。不透明度0.75から0.25に変更したい場合は、現在の値が0.5だった場合.css('opacity',0.75).animate({opacity: 0.25})
3
開始値を擬似セレクタとして設定するだけで簡単に指定できます。
のは、あなたがあなたのコードがなります。この場合、-100〜100のCSSプロパティではありませんいくつかの値をアニメーション化する必要があることを考えてみましょう:
$({xyz: -100}).animate({xyz:100}, {duration:5000, complete:function(){
console.log("done");
}, step: function(now) {
//here you want to place your processing code for every frame of animation.
console.log("Anim now: "+now);
}});
あなたはJSFiddle hereで作業例を見ることができます。
関連する問題
- 1. jquery:スクリプトが終了するのを待ってから別のスクリプトを開始します。
- 2. jQuery - セッションの終了時にイベントを開始しますか?
- 3. Android - edittext値をバックグラウンドプロセスに渡して、一度終了したら新しいアクティビティを開始する方法
- 4. 繰り返しのオクターブ使用(開始:ステップ:終了)
- 5. re.finditer()は、開始と終了のメソッドに同じ値を返します
- 6. パンダを使用して開始日から終了日までの営業日を取得します
- 7. 別のスレッドを開始すると、アクティビティのスレッドは終了しますか?
- 8. 別の要素のアニメーションがJqueryを使用して終了する前にある要素のアニメーションを開始します。
- 9. laravel 5で開始日を使用して終了日を検証するリクエストクラスを使用して
- 10. jQuery .animate()値の余分なスペース..値を2倍にしてページの上部から座ってほしい
- 11. CjuiDatePickerを使用して指定した開始日から終了日を計算したい
- 12. スレッドの後のコールバック。開始()が終了しましたか?
- 13. 開始オブジェクトから終了オブジェクトまでのデータベース内のオブジェクトをループします
- 14. 開始点と終了点を使用して長方形を描くC#
- 15. MouseListenerを使用して無限ループを開始または終了
- 16. runnableを終了して新しいアクティビティを開始
- 17. クラスを使用した終了値の追加Java。
- 18. スレッドを介して開始されたプロセスを終了する
- 19. wpf - プロセスを開始してアプリケーションを終了する
- 20. 終了日から開始日までのパンダdate_range
- 21. マルチスレッド:スレッドを開始して終了するタイミング
- 22. 2つの異なるアクションからワークフローサービスを開始/終了します
- 23. 開始インデックスと終了インデックスの別のマトリックスに基づくインデックスマトリックス
- 24. AlarmManagerを使用して別のサービスからサービスを開始する
- 25. Reflection.Emitを使用して別のオブジェクトからプロパティ値を取得
- 26. jQueryの開始と終了を切り替えます
- 27. タッチが開始されてからタッチが終了するまでの時間
- 28. 開始日と終了日をjqueryプラグインで検証:
- 29. jquery関数から別の値への値渡し
- 30. 数値が負の場合はプログラムを終了したいが数値が正の数値であっても終了する
私はあなたの質問をよく理解していません。 '.animate()'には、現在値*と初期値*の違いは何ですか?いくつかのコード例とともに、あなたが何をしようとしているかを説明するために、もう少し詳細が良いでしょう。 :) – Alex
'.animate()'を使う前に初期値を設定できませんか? – jwueller
@ Alex- divをページから離れた場所にアニメーション化したい場合、私は外来値で始めるでしょう。 – Yarin