on:2012年6月28日sponsors通知パネルをページ上部からアニメーションで表示したり、中央にモーダルダイアログ風に表示したり、は当たり前。デザインを半透明や3Dにしたり、パネルの連動やユーザーのアクションでイベントの設定もできる高機能な通知パネルを実装するjQueryのプラグインを紹介します。-GitHub[ad#ad-2]Backbone.Notifierの特徴Backbone.NotifierのデモBackbone.Notifierの使い方Backbone.Notifierの特徴ページの上部や中央に通知パネルをアニメーションで表示します。スタイルは通知、エラー、警告、成功など、さまざまなものが揃っています。スタイルはCSSベースでカスタマイズできます。通知パネルの表示・非表示のタイミングを調整できます。通知パネルを連携させることもできます。Backbone.Notifierのデモデモページ機能が多すぎるくらいあるので、いくつかに絞って紹介します。デモページ:Default最もシンプルなデモで、上部から通知パネルを表示します。コードも非常にシンプルです。World!");デモページ:Warningスタイルを警告に変えたものです。World!");[ad#ad-2]デモページ:Advanced通知パネルを連動して表示させることも可能です。以下、コードが長くなるので省きます。デモページ:Advanced「Yes」をクリックすると、次に進みます。Eventsボタンのイベントを取得することもできます。Loader通知パネルを半透明にし、ローダーをつけます。Click表示・非表示のタイミングを調整できます。Destructionこれまでのさまざまな機能を同時に組み合わせることもできます。module通知パネルに3Dのアニメーションを与えることもできます。カーソルに連動してグリグリ動きます。Backbone.Notifierの使い方Backbone.NotifierはjQueryベースで、underscore.jsとbackbone.jsを使った通知パネルをコントロールするフレームワークです。外部ファイルhead内にスタイルシートを配置します。href="css/notifier.css">ドキュメントの下(</body>のすぐ上あたり)にスクリプトを配置します。src="js/Backbone.Notifier.js"></script>※Backbone.Notifier.jsはbackbone.jsの後に配置してください。デモに使用しているローディング用の画像は、ダウンロードファイルに含まれています。imgs/notifier-loader.gifスクリプトのオプションオプションではさまざまな項目が設定できます。