jQueryの緩和動作を変更します

Question

アニメーションの緩和がある場合、アニメーションはその緩和の方程式に従います。これ 脚本 私が非常によく意味することを説明しています。

たとえば、1000ミリ秒など、緩和、緩和、アニメーション時間を選択したと仮定しましょう。アニメーションは、緩和方程式に完全に従います。時間を500ミリ秒に分割すると、アニメーション期間が分割されますが、同じ緩和方程式がいっぱいになります。

私がやりたいのは、時間だけでなく緩和方程式を分割することです。それがアニメーションが完了しますが、完全な方程式ではなく、半分だけに従います。

それは少し複雑です、私は知っています、私は解決策があるのだろうかと思います。

Answer 1

ステップ関数を見てみましょう（http://api.jquery.com/animate/）。アニメーション化しているコレクション/オブジェクトに応じて、これは問題の解決策かもしれません。もう1つの良い記事は読むことです http://www.bennadel.com/blog/1856-using-jquery-s-animate-step-callback-function-to-create-custom-animations.htm. 。それが役立つことを願っています：

ステップ関数.animate（）の2番目のバージョンは、ステップオプションを提供します。アニメーションの各ステップで発生するコールバック関数です。この関数は、カスタムアニメーションタイプを有効にしたり、発生しているアニメーションを変更したりするのに役立ちます。 2つの引数（現在およびFX）を受け入れ、これはアニメーション化されているDOM要素に設定されています。

•現在：各ステップでアニメーション化されているプロパティの数値•FX：jquery.fxプロトタイプオブジェクトへの参照。これには、アニメーション要素のELEMなどの多くのプロパティが含まれています。それぞれアニメーションプロパティの、およびアニメーション化されるプロパティの小道具の。ステップ関数は、各アニメーション要素の各アニメーションプロパティに対して呼び出されることに注意してください。たとえば、2つのリスト項目が与えられた場合、ステップ関数はアニメーションの各ステップで4回発火します。

$（ 'li'）。animate（{ofacity：.5、
高さ：'50％ '}、{step：function（now、fx）{var data = fx.elem.id +' ' + fx.prop +'： ' + now; $（ 'body'）。append（ '' + data + ''）; }}）;