今日の人気記事

  1. Bootstrapを利用した画像ポップアップ・スライダー「Bootstrap Image Gallery」
  2. ページごとに画面をスクロール遷移「Scrollify」

エフェクト - 2ページ目

スポンサーリンク

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

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

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

 

アニメ効果付きのローディングを実装「fogLoader」

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

 

ヘルプメッセージなどをポップアップで表示「jqModal」 - jQueryプラグイン

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

 

さまざまな要素をツールチップで表示「DarkTooltip」

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

 

現在時刻も表示できるカウントダウン・タイマー「countdownTimer」

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

 

リストやテーブルから文字列を検索(絞り込む)「Searcher」 - jQueryプラグイン

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

 

要素に有効期限を指定する「jqExpire」

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

 

シンプルなモーダルウィンドウを実装「plainModal」

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

 

CSS3 box-shadow のアニメーションを実装「Shadowmation」

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

 

マウス操作でHTML要素をドラッグアンドドロップ「Field Chooser」

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

 

jsファイルを非同期に遅延読み込み「Lazy Script」

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

 

指定した要素をアニメ効果でハイライト「Highlighter」

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

 

サイトに紙を折ったような効果を付加「oriDomi」

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

 

クリックアクションに効果音を加える「Ion.Sound」

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

 

炎上するテキスト効果を「Burn」

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

 

ハッシュリンクのアンカー名を拾う「xHashchange」

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

 

指定した要素を上下左右にスクロール「Marquee」

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

 

画像にボーダーアニメーション効果を「Inset Border」

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

 

指定した要素がなんでも編集できちゃう「trocar.js」

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

 

シンプルなタイムラインを作成「Simple Timeline」

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