2012/03/13jQueryではanimateという関数を使ってアニメーション効果を得ることができます。アニメーションといえば、Flashなどでは初速と終速をコントロールしたイージング効果を加えることができますが、jQuery単体で利用できるのは「linear」と「swing」の二つの効果のみです。jQueryでさまざまなイージング効果を実現するためには、以下のプラグインを組み込みます。本サイトからソースを取得し、jQueryをベースに読み込みます。src="js/jquery.easing.1.3.js"></script>例えば、animateでイージング効果「easeOutCubic」を実装する場合、以下のように指定します。'easeOutCubic');この場合、サンプルオブジェクト「id=sample」がフェードアウトしながら右下に移動するのに、イージング効果がプラスされます。jQueryの仕様については割愛します。Plugin」で実現できるイージングの種類は豊富です。イージングについては時間軸とアニメーション進行度の2次元グラフでその効果を説明することがありますが、以下のサイトで確認することができます。どのような種類があるのか確認するときに重宝します。日本語リファレンスまた、実際の動きを見たい場合には以下のサイトが見やすくて良いです。エフェクト動作パターン集プラグインJSでのアニメーションはPCに大きな負荷となるので、あまりにも派手で大きなアクションを実装すると、動きがカクカクとして、逆にユーザにストレスを与えてしまいます。Flashにとって代わるものではなく、JSでのアニメーション実装はほどほどにを心掛けたいものです。本書は、実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「JavaScriptを利用するWebプログラマ必携の逆引き集」です。JavaScript(ECMAScript)の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザーオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、著者の経験に基づいた実践の場で必ず役立つノウハウ、レシピを提供します。JavaScriptをいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、JavaScriptをもっと活用したい方などにおすすめの一冊です。アスキー・メディアワークスWeb制作に必要なjQueryの使い方を効率よくしっかり学べる。2.0など最新のトレンドにも対応。サンプルを100本超提供。1.9対応特製チートシート付き。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。inc.Profileサイト「helog」は私がWeb制作に携わるなかでの経験を中心に記しています。前にも発生したんだよなぁ。」といった無駄な時間を省くことを目的に書き始めました。「へ」の「ログ」です。個人的な技術メモのようなものですが、みなさんの何か役に立つことがあればこの上ないです。