jQueryプラグインまとめ

テキストに燃え上がっている効果を実装するプラグイン「Burn」を紹介します。 jQueryプラグイン「Burn」 このプラグインを使えば、テキストがゆらゆらと燃え上がっている効果を実装することができます。オプションでは、 […]

さまざまなアニメーション効果を実装するプラグイン「Animelt」を紹介します。 jQueryプラグイン「Animelt」 このプラグインを使えば、移動、回転、サイズ変更、色の変更などのアニメーション効果を簡単に実装する […]

アニメーション効果付きの棒グラフを作成するプラグイン「Thermometer」を紹介します。 jQueryプラグイン「Thermometer」 このプラグインを使えば、ページロードとともに棒グラフが指定した数値まで、びよ […]

ハッシュリンクのアンカー名を拾うプラグイン「xHashchange」を紹介します。 jQueryプラグイン「xHashchange」 ハッシュリンクとは、ページ内リンクなどに使われるurlの末尾に #（シャープ）から続く […]

指定した要素をスクロールするプラグイン「Marquee」を紹介します。 jQueryプラグイン「Marquee」 このプラグインは、HTMLのMarquee（マーキー）タグのようなスクロールアニメーションを実装してくれま […]

クリック操作で開閉するアコーディオンメニューを簡単に作成するプラグイン「rlAccordion」を紹介します。 jQueryプラグイン「rlAccordion」 アコーディオンメニューは「タイトル」と「コンテンツ」で構成 […]

画像にボーダーアニメーション効果を追加するプラグイン「Inset Border」を紹介します。 jQueryプラグイン「Inset Border」 このプラグインを使って、ボーダーアニメーション効果を追加したい画像を指定 […]

ページ内にタブメニューを実装する「tabs.js」を紹介します。 tabs.js このプラグインは、指定した要素内に ulタグを使ってタブメニューを作成、メニューに付随するコンテンツはdivで実装します。たったこれだけで […]

指定した要素が編集できるjQueryプラグイン「trocar.js」を紹介します。 jQueryプラグイン「trocar.js」 このプラグインを使えば、指定した要素を編集できるようにしてくれます。ExcelのようにTa […]

ドラッグで可動する要素を重ねることのできるプラグイン「Covering Bad」を紹介します。 jQueryプラグイン「Covering Bad」 このプラグインは、ある要素にもうひとつの要素を重ね、ハンドルを使ってドラ […]

指定した数値までカウントアップをしてくれるプラグイン「animateNumber」を紹介します。 jQueryプラグイン「animateNumber」 このプラグインを使えば、簡単に指定した数値までのカウントアップをWe […]

デジタル時計のような数値をSVGで作成するプラグイン「sevenSeg.js」を紹介します。 jQueryプラグイン「sevenSeg.js」 このプラグインは、画像を使わずにHTML SVGで実装しているので、どんなサ […]

多角形レーダーチャートを作成するプラグイン「Canvas Chart」を紹介します。 jQueryプラグイン「Canvas Chart」 jQueryプラグイン「Canvas Chart」は、html5のcanvasを使 […]

Bootstrapを利用した画像ポップアップ・スライダーを実装できるプラグイン「Bootstrap Image Gallery」を紹介します。 jQueryプラグイン「Bootstrap Image Gallery」 こ […]

シンプルなタイムラインを作成するプラグイン「Simple Timeline」を紹介します。 jQueryプラグイン「Simple Timeline」 このプラグインを使えば、プロフィール、年表、社歴などなどのタイムライン […]

指定したテーブル要素にページャーを実装できるプラグイン「PaginateMyTable」を紹介します。 jQueryプラグイン「PaginateMyTable」 このプラグインを使えば、だらだらと長く並んだ見にくいテーブ […]

切り替え効果付きのレスポンシブなフルスクリーン画像を背景にすることができるプラグイン「Unobtrusive Background Image Switcher」を紹介します。 Unobtrusive Backgroun […]

テキストにウェーブアニメーションの効果を実装するプラグイン「textWave effect」を紹介します。 jQueryプラグイン「textWave effect」 このプラグインを使えば、フォントサイズが移り変わるウェ […]

ブラインド効果付きの画像スライドショーを実装するプラグイン「Blindify」を紹介します。 jQueryプラグイン「Blindify」 このプラグインを使えば、ブラインド効果付きの（ブラインド越しに画像をみるような）画 […]

マウスオーバーで画像キャプションの表示を実装するプラグイン「captall」を紹介します。 jQueryプラグイン「captall」 このプラグインを使えば、画像タグのaltに指定したテキストを効果付きのキャプションに設 […]