HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」:phpspot開発日誌

Test HTML5 Desktop Notification Plugin

HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」。
画面の右下にポップアップ通知を出す機能がHTML5であるみたいですが、それをjQueryで超簡単に実装するプラグイン。

jQueryで実装することで、とりあえず次のように簡単に実装できます。画像のパスなんかも指定してアイコンを設定出来ます。

$.jwNotify({    image : 'path-to-image-file',    title: 'title-to-be-shown',    body: 'body-of-the-notification',    timeout: 10000});

通知の際には次のように確認バーが出ますが、一度許可してしまえば出ない模様。

ウィンドウ外でアニメーションしながら出てくれる分、気付きやすいこの Desktop Notification。
使い方次第ではより便利なサイト作りに活用することができそうです。

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中