2011-06-30 14 views
9

簡単で簡単なアニメーションテキストを見つけ出すのは大変です。このウェブサイトの「Implosion」のように http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445 しかし、私はそれを支払う必要があります。実際には、単純なオンクリックテキストのフェードインは非常にクールです。任意の提案、リンク、またはヘルプ?JQueryアニメーションテキスト

+2

誰かがリンクをクリックすることについて恥ずかしがり屋である - それはチェックアウトの価値がかなり素晴らしいです。 –

+1

私はjQueryプラグインを支払うことはありませんが、彼は$ 5を求めているだけです。プラグインを購入するか、fadeIn/fadeOut jQueryエフェクトを使用します。 – MikeM

+2

@ウェズリー:いくつかの人は、彼らがタイムマシンに座っていると思うかもしれないと思っているかもしれませんし、古いMS-Frontpageデモンストレーションで孤立しています^^ –

答えて

14

そのそれほど難しいことではありません。 すべての文字を1つの要素で作成し、どこかに移動して元の位置に戻します。

簡単な例:http://jsfiddle.net/doktormolle/dNXVx/

+0

素晴らしい仕事...どのくらい私たちはあなたに借りていますか? :D真剣に、これは完璧です。 –

+0

私はそれを販売することが合法であるかどうかわかりません。おそらくMSはこの影響についての著作権を持っています:D –

+0

適切な用語は「必須寄付」です。 –

3

ちょうどフェードインのjQueryの機能(documentation)を使用します。

$("#button").click(function() {$("#container").fadeIn()}); 

サンプル:jQueryのを使用してこのような効果を作成することがhttp://jsfiddle.net/cVELa/

+1

あなたはリンクを見ましたか? –

+0

@valipour "実際には、単純なオンクリックテキストのフェードインは非常にクールです。" – ariel

+0

問題はテキストが褪せていません - 効果ははるかに複雑です!リンクのエフェクトを実行 –

0

Textillate.jsをお試しください!これにより、フラッシュ、バウンス、シェイクなどのエフェクトを使用してテキストをアニメートすることができます。 Textillate.jsには、テキストに適用する25以上のエフェクトが含まれています。

関連する問題