エフェクト - 2ページ目

ここではエフェクト関連のjQueryプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

クリックでアイコンを切り替える「jqMenuClick」

クリックでアイコンを切り替えるプラグイン「jqMenuClick」を紹介します。 jQueryプラグイン「jqMenuClick」このプラグインを使えば、クリックするたびにアイコンが切り替わる効果をサイトに付加すること […]

アニメ効果付きのローディングを実装するプラグイン「fogLoader」を紹介します。 jQueryプラグイン「fogLoader」このプラグインを使えば、メッセージやプログレッシバーなどのローディングを実装することがで […]

ヘルプメッセージなどをポップアップで表示するプラグイン「jqModal」を紹介します。 jqModal このプラグインを使えば、さまざまなメッセージをポップアップ（モーダルウィンドウ）表示することができます。要素を指定す […]

さまざまな要素をツールチップで表示するプラグイン「DarkTooltip」を紹介します。 jQueryプラグイン「DarkTooltip」ツールチップのプラグインはいろいろありますが、このプラグインの特徴はツールチップ […]

現在時刻も表示できるカウントダウン・タイマーを作成するプラグイン「countdownTimer」を紹介します。 jQueryプラグイン「countdownTimer」このプラグインを使えば、「日」「時」「分」「秒」など […]

リストやテーブルから文字列を検索する（絞り込む）プラグイン「Searcher」を紹介します。 Searcher このプラグインを使えば、候補の多いリストやテーブルから文字列を絞り込むことができます。文字を入力すると動的に […]

要素に有効期限を指定するプラグイン「jqExpire」を紹介します。 jQueryプラグイン「jqExpire」このプラグインを使えば、要素に有効期限を指定することができます。指定した有効期限を過ぎた要素にはCSSに「 […]

シンプルなモーダルウィンドウを実装するプラグイン「plainModal」を紹介します。 jQueryプラグイン「plainModal」このプラグインを使えば、さまざまな効果をオプションで付加できるシンプルなモーダルウィ […]

CSS3 box-shadow のアニメーションを実装するプラグイン「Shadowmation」を紹介します。 jQueryプラグイン「Shadowmation」このプラグインを使えば、CSS3 box-shadowを […]

マウス操作でHTML要素をドラッグアンドドロップできるフィールドリストを実装するプラグイン「Field Chooser」を紹介します。 jQueryプラグイン「Field Chooser」このプラグインを使えば、指定し […]

指定したjavascriptファイルを非同期に遅延読み込みを実装するプラグイン「Lazy Script」を紹介します。 jQueryプラグイン「Lazy Script」このプラグインを使えば、指定したjavascrip […]

指定した要素をアニメ効果でハイライトするプラグイン「Highlighter」を紹介します。 jQueryプラグイン「Highlighter」このプラグインを使えば、指定した要素「テキスト」「フォーム」「テーブル」などな […]

サイトに紙を折ったような効果を加えるプラグイン「oriDomi」を紹介します。 jQueryプラグイン「oriDomi」 DOM（Document Object Model）に折り紙のような効果を、ということで「orig […]

クリックなどのアクションに効果音を加えるプラグイン「Ion.Sound」を紹介します。 jQueryプラグイン「Ion.Sound」このプラグインを使えば、ボタンのクリックなどのユーザーアクションに効果音を加えることが […]

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

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

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

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

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

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