エフェクト

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

イベントを表示するカレンダーを実装「kalendar」

イベントを表示するカレンダーを実装するプラグイン「kalendar」を紹介します。 jQueryプラグイン「kalendar」 このプラグインを使えば、手動で指定したイベントに加えて、Googleカレンダーのイベントも合 […]

 

ブラウザーをフルスクリーン(全画面)表示に「Fullscreen」

ブラウザーをフルスクリーン(全画面)表示にするプラグイン「Fullscreen」を紹介します。 jQueryプラグイン「Fullscreen」 このプラグインを使えば、クリックなどのユーザーアクションでブラウザーをフルス […]

 

スポンサーリンク

リストやテーブルなど(li、tr、option)をソート「SortedList」

リストやテーブルなど(li、tr、option)をソートするプラグイン「SortedList」を紹介します。 jQueryプラグイン「SortedList」 このプラグインを使えば、リストやテーブルのアイテムをクリックな […]

 

マウスオーバーでスライドするパネル「Sliding Pop Hover」

マウスオーバーでスライドするパネルを実装するプラグイン「Sliding Pop Hover」を紹介します。 jQueryプラグイン「Sliding Pop Hover」 このプラグインを使えば、指定した要素にマウスカーソ […]

 

指定した要素をドラッグして移動「tinyDraggable」

指定した要素をドラッグして移動できるようにするプラグイン「tinyDraggable」を紹介します。 jQueryプラグイン「tinyDraggable」 このプラグインを使えば、指定した要素をマウスを使ってドラッグし、 […]

 

マウスオーバーで吹き出しを表示「niceTooltip」

マウスオーバーで吹き出し(ツールチップ)を表示するプラグイン「niceTooltip」を紹介します。 ツールチップのプラグインはいろいろあるので、こちらも合わせてご覧ください。 jQueryプラグイン – Tooltip […]

 

マウスカーソルを動かした距離を測定 「Measure Cursor Distance」

マウスカーソルを動かした距離を測定するプラグイン「Measure Cursor Distance」を紹介します。 jQueryプラグイン「Measure Cursor Distance」 このプラグインを使えば、Webサ […]

 

アニメ効果がおもしろいモーダルボックス「Avgrund Modal」

アニメ効果がおもしろいモーダルボックスを実装するプラグイン「Avgrund Modal」を紹介します。 jQueryプラグイン「Avgrund Modal」 このプラグインを使えば、クリック操作で表示するモーダルボックス […]

 

ローディング・アニメーションを実装「Easy Loading」

ローディング・アニメーションを実装するプラグイン「Easy Loading」を紹介します。 jQueryプラグイン「Easy Loading」 このプラグインを使えば、データ読み込み中などに使えるローディング・アニメーシ […]

 

隠しておいた要素をクリックで表示「Spoiler」

隠しておいた要素をクリックで表示!といった効果をWeb上に実装するプラグイン「Spoiler」を紹介します。 jQueryプラグイン「Spoiler」 指定した要素をクリックで表示することができるので、テキストや画像やら […]

 

シンプルでスタイリッシュなポップアップを実装「PopUpMe」

シンプルでスタイリッシュなポップアップを実装するプラグイン「PopUpMe」を紹介します。 jQueryプラグイン「PopUpMe」 このプラグインを使えば、シンプルでスタイリッシュなポップアップを簡単に実装することがで […]

 

プルダウンメニューで、要素の表示を切り替え「Focused」

プルダウンメニューで、要素の表示を切り替えることのできるプラグイン「Focused」を紹介します。 jQueryプラグイン「Focused」 このプラグインを使えば、プルダウンメニュー(セレクトメニュー select、o […]

 

ぶるぶる震えるバイブ効果を実装「Vibr」

ぶるぶる震えるバイブ効果を実装するプラグイン「Vibr」を紹介します。 jQueryプラグイン「Vibr」 このプラグインを使えば、Webサイト上の要素にぶるぶる震えるバイブ効果を実装することができます。 オプションでは […]

 

ポップアップ 通知 - さまざまな機能付き「Tikslus Notyrious」

さまざまな機能が付いているポップアップ通知を実装するプラグイン「Tikslus Notyrious」を紹介します。 jQueryプラグイン「Tikslus Notyrious」 このプラグインを使えば、さまざまな機能付き […]

 

複数のポップアップを重ねて表示「dialog」

ポップアップ(ダイアログボックス)を重ねて表示することができるプラグイン「dialog」を紹介します。 jQueryプラグイン「dialog」 このプラグインを使えば、サイトのお知らせなどを表示するポップアップ(ダイアロ […]

 

Bootstrapを使ったページ送りを実装「bootstrap pagination」

Bootstrapを使ったページ送りを実装するプラグイン「bootstrap pagination」を紹介します。 jQueryプラグイン「bootstrap pagination」 このプラグインを使えば、便利なCSS […]

 

Web上にゲーム「マインスイーパー」を「Minesweeper」 - jQueryプラグイン

Web上にゲーム「マインスイーパー」を実装するプラグイン「Minesweeper」を紹介します。 Minesweeper このプラグインを使えば、Web上にあの!有名なゲームマインスイーパーを実装することができます。 マ […]

 

指定した時間内に操作がない場合にアラート・リダイレクト「IdleTimeout」 - jQueryプラグイン

指定した時間内に操作がない場合にアラート・リダイレクトするプラグイン「IdleTimeout」を紹介します。 IdleTimeout このプラグインを使うと、指定した時間にキーボード操作やマウスに何も操作がない場合にアラ […]

 

Web上で計算を! 電卓を実装する「Calculator」 - jQueryプラグイン

Web上に電卓を実装するプラグイン「Calculator」を紹介します。 Calculator このプラグインを使えば、Web上に四則演算をすることのできる電卓を作成することができます。クリックだけで簡単に操作できるので […]

 

アンカータグに確認やポップアップ効果を追加「A+」

アンカータグに確認やポップアップ効果などのさまざまな効果を追加するプラグイン「A+」を紹介します。 jQueryプラグイン「A+」 このプラグインを使えば、アンカータグに以下のように効果を加えることができます。 クラスで […]

 


スポンサーリンク