問題タブ [easing]

jQueryWebサイトのEasing関数について読んでいます。私の意図する目標は、フォームが送信されたときに発生するDiv調整をスムーズにすることです。

JFiddle - http: //jsfiddle.net/9qbfF/
Sandbox - http ://itsmontoya.com/work/playdeadcult/index.php
フォームをテストして、前述のDiv調整を確認してください。test@test.comを使用してください

ご覧のとおり、現在、POSTが成功するとDivがスナップして配置されます。スイングイージング効果を使って、より快適な体験をしたいと思っています。

イージングの実装をいじって、完全に台無しになっているように感じました。私はテストコードを取り出したので、誰かが私を助けてくれるよりクリーンな環境でした:)。

私は助けに感謝します！

イージング方程式、より具体的にはコマのようなオブジェクトの楕円体の動きをシミュレートしたいのですが、それを行うのに役立つイージング方程式を取得できません。誰か知っていますか?

私はhtml/jsを使用していますが、別の言語であろうと、ここで作成できたとしても、あなたの答えを待つ間、メソッドを探し続けます。

Epione blogger template のように、同じ jQuery ホバー効果 (イージング) を取得するにはどうすればよいですか?

私は自分のブログに載せるために非常に多くの方法を試しましたが、私は jQuery アニメーション コードの初心者だと思います。

これで私を助けていただければ、とても感謝しています。

HTML コード

CSSコード

jQuery イージング プラグイン

動作するコードを含むコードをhttp://jsfiddle.net/GxpSQ/に投稿しました。ボックスをクリックすると、シャッフルされます。

hungred.comに基づく

この例に基づいてコードを作成しましたhttp://hungred.com/wp-content/demo/jQuery-Shuffle-effect/demo.html

問題

私の効果をhungred.comと比較してください。ボックスが戻る前に十分に消えないため、私の効果は「点滅」します。

index-zが設定される前に、hungred.comのボックスがオープンスペースに表示されます。それも私が欲しいものです。私は何を取りこぼしたか？

4つのプロパティをアニメートしたい：

上、幅、不透明度、高さ

今、私はそれらをすべてデフォルトのイージングと500の期間に設定しています。

イージングプラグインを使用して、不透明度のイージングをeasyInQuadに設定したいと思います。アニメーションイージングを設定すると、すべてのプロパティでそのイージングメソッドが使用されます。独自のアニメート方法で不透明度をアニメートすると、最初のアニメートが終了した後にのみアニメートされます。とにかく、他のプロパティがデフォルトを使用し、両方が同時に発生する間、不透明度にこの緩和方法を使用できますか？

ありがとう

従来とは異なるリングクロックをキャンバスに描いています。時間は、セカンドリング、セカンドハンド、ミニッツリング、アワーリングで表されます。私はwebkit/mozRequestAnimationFrameを使用して適切なタイミングで描画しています。2番目のリングを変更して、次の1秒にすばやくアニメーション化（125ms〜250ms）し、2次イージング（恐ろしいスナップの代わりに）を使用します。

Raphael JS Clockが2番目のリングをアニメーション化するのと同じように、異なるイージングを使用する点が異なります：http: //raphaeljs.com/polar-clock.html

JSフィドルリンク（Chrome、Firefox、またはWebkit Nightlyで表示する必要があります）：

1. フィドル： http： //jsfiddle.net/thecrypticace/qmwJx/

2. フルスクリーンフィドル： http： //jsfiddle.net/thecrypticace/qmwJx/embedded/result/

どんな助けでも大歓迎です！

これは近づいていますが、それでも本当にぎくしゃくしています：

これまでの私のコードは次のとおりです。

コールバック関数は以前は機能していましたが、簡単にscrollToメソッドに変更したため、機能しなくなりました。

明確にするために、コールバック関数を再び機能させる方法を知る必要があるだけです。それ以外はすべて問題ありません。

誰かが「VH1ポップアップビデオ」効果を再現するのを手伝ってくれることを願っています。この効果では、バブル全体が拡大縮小され、最後にイージング効果があります。

いくつかのdisplay：noneDIVがリストの各アイテムに隠されているリストがあります。

ユーザーが各リストアイテムをクリックすると、以下の最初の例のように、非表示のDIVが大きくなり、バウンスすることを期待していました。最初の例の問題は、2番目の例のように、要求されたDIV内の要素（この場合は.bubble）がオブジェクトの残りの部分と一緒にスケーリングされないことです。

これを行う
$(this).children(".bubble").show(1000, "easeOutBack");
と、バブルは簡単に成長しますが、.bubble内のサブ要素はスケーリングされません（「この要素とその子をスケーリングする」を指定する方法があるかもしれませんか？

これを行う
$(this).children(".bubble").effect("scale", {origin:['middle','bottom'], from:{width:0,height:0}, percent: 100, direction: 'horizontal' }, 1000);
と、バブルとその内容はうまくスケーリングされますが、イージング効果を追加する方法がわかりません。

それから私はこれを試しました：
$(this).children(".bubble").show('scale', { percent: 100 }, 1000, "easeOutBack" );
しかしそれでも緩和はありません。

どんな助けでも大歓迎です。

私は Robert ( http://gsgd.co.uk/sandbox/jquery/easing/ ) による jQuery イージング プラグインを使用しており、イージング効果を強調したり引きずったりする必要があります。

基本的には、イーズ効果を非常に速くしたいのですが、イーズアウト中は非常に遅くなります。

を使用してこれを行うことができると信じていますがjQuery.easing.easeOutCubic( null, current_time, start_value, end_value, total_time)、適切に使用する方法がわかりません。

これはどのように達成できますか？