アニメーション

ここではアニメーション関連のjQueryプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

デジタル時計のカウントダウンタイマー「TimeTo」

デジタル時計のカウントダウンタイマーを実装するプラグイン「TimeTo」を紹介します。 jQueryプラグイン「TimeTo」 このプラグインを使えば、シンプルでかっこいいスタイル(いくつかのテーマのcssファイルが用意 […]

 

2つのハンドルを設置できるスライダー「Dolly.js」

2つのハンドルを設置できるスライダーを実装するプラグイン「Dolly.js」を紹介します。 jQueryプラグイン「Dolly.js」 このプラグインを使えば、簡単にスライダーを実装することができます。 また、ハンドルを […]

 

スポンサーリンク

数値をアニメーションでカウントアップ「Numerator」

数値をアニメーションでカウントアップするプラグイン「Numerator」を紹介します。 jQueryプラグイン「Numerator」 このプラグインを使えば、数値を少しずつ増やしていくカウントアップをアニメ効果付きで実装 […]

 

親子孫…のリスト(li)をクリックで開いたり・閉じたり「Expandable List」

親子孫…のリスト(li)をクリックで開いたり・閉じたりするプラグイン「Expandable List」を紹介します。 jQueryプラグイン「Expandable List」 このプラグインを使えば、親子孫……と多段にな […]

 

数値のカウントアップ - さまざまなフォーマットに対応「Counter-Up」

数値のカウントアップを実装するプラグイン「Counter-Up」を紹介します。 jQueryプラグイン「Counter-Up」 このプラグインを使えば、整数(1234)はもちろんのこと小数点(123.456)やカンマ区切 […]

 

進捗の割合(%)をプログレスバーで表示「ProgressBar」

進捗の割合(%)をプログレスバーで表示するプラグイン「ProgressBar」を紹介します。 jQueryプラグイン「ProgressBar」 このプラグインを使えば、進捗の割合(%)を指定するだけで簡単にプログレスバー […]

 

3D球体のタグクラウドを実装 アニメ効果あり「Tag Cloud」

3D球体のタグクラウドを実装するプラグイン「Tag Cloud」を紹介します。 jQueryプラグイン「Tag Cloud」 このプラグインを使えば、3D球体のタグクラウドを実装することができます。 しかも、この球体はマ […]

 

スプライト画像を使ったコマ送りのアニメーション「aniJS」

スプライト画像を使ったコマ送りのアニメーションを実装するプラグイン「aniJS」を紹介します。 jQueryプラグイン「aniJS」 このプラグインを使えば、コマを並べたスプライト画像を使ったアニメーションを実装すること […]

 

レトロなフリップ時計やカウントダウンタイマーを実装「flipCountDown」

レトロなフリップ時計やカウントダウンタイマーを実装するプラグイン「flipCountDown」を紹介します。 jQueryプラグイン「flipCountDown」 このプラグインを使えば、時間の板がパタパタと回転するパタ […]

 

HTML要素をぐるぐる立体的に回転「Vortex」

HTML要素をぐるぐる立体的に回転させるプラグイン「Vortex」を紹介します。 jQueryプラグイン「Vortex」 このプラグインを使えば、指定した要素を立体的(奥行きをもった3D)に、楕円状にぐるぐる回すことがで […]

 

指定した要素の高さや横幅にアニメ効果を「CSS Animate Auto」

指定した要素の高さや横幅にアニメ効果を実装するプラグイン「CSS Animate Auto」を紹介します。 jQueryプラグイン「CSS Animate Auto」 このプラグインを使えば、指定した要素の高さ(heig […]

 

お知らせや通知をアニメ効果で表示「AmaranJS Stylish Notifications」

お知らせや通知をアニメ効果で表示するプラグイン「AmaranJS Stylish Notifications」を紹介します。 jQueryプラグイン「AmaranJS Stylish Notifications」 このプ […]

 

表示する位置座標を指定できるポップアップ「bPopup」

表示する位置座標を指定できるポップアップを実装するプラグイン「bPopup」を紹介します。 jQueryプラグイン「bPopup」 このプラグインを使えば、クリックなどのさまざまなアクションでぶわっ!とアニメ効果で表示す […]

 

ドラッグ&ドロップできるグリッド要素を実装「Shapeshift」

ドラッグ&ドロップできるグリッド要素を実装するプラグイン「Shapeshift」を紹介します。 jQueryプラグイン「Shapeshift」 このプラグインを使えば、マウスを使って自由自在に動かせるグリッド要素を実装す […]

 

指定した要素にさまざまなオーバーレイを「plainOverlay」

指定した要素にさまざまなオーバーレイを実装することのできるプラグイン「plainOverlay」を紹介します。 jQueryプラグイン「plainOverlay」 このプラグインを使えば、指定した要素の上にその他の要素を […]

 

アニメ効果付きのレスポンシブ・カウンター「MB Comingsoon」

アニメ効果付きのレスポンシブ・カウンターを実装するプラグイン「MB Comingsoon」を紹介します。 jQueryプラグイン「MB Comingsoon」 このプラグインを使えば、指定した年月日へアニメーションでカウ […]

 

iOS風の全画面スライドパネルの切り替えを実装「kontext」

iOS風の全画面スライドパネルの切り替えを実装するプラグイン「kontext」を紹介します。 jQueryプラグイン「kontext」 このプラグインを使えば、かっこいい!アニメ効果でスライドを切り替えることができます。 […]

 

背景色・文字色を設定できるツールチップ「Form Tooltip」

背景色・文字色を設定できるツールチップを実装するプラグイン「Form Tooltip」を紹介します。 jQueryプラグイン「Form Tooltip」 このプラグインを使えば、以下の項目が簡単に設定できるツールチップ( […]

 

背景におもしろい効果を!六角形のアニメーション「Hex」

六角形のアニメーションを実装するプラグイン「Hex」を紹介します。 jQueryプラグイン「Hex」 このプラグインを使えば、たくさんの六角形がふわーっと流れるようなアニメーション効果を実装することができます。 オプショ […]

 

横方向にシェイクするアニメーションを実装「Shake」

横方向にシェイクするアニメーションを実装するプラグイン「Shake」を紹介します。 jQueryプラグイン「Shake」 このプラグインを使えば、横方向にぶるぶるとシェイク(振動)するアニメーションを実装することができま […]

 


スポンサーリンク