今日の人気記事

  1. ExcelのようにTableが編集できちゃう「Handsontable」
  2. 指定した要素の画像やテーブルをレスポンシブに「respontent」
  3. 画像が使えるアニメ効果付きドロップダウンメニュー「EliteBox Menu」
  4. タイプライターのようにテキストを1文字ずつ表示「typist」
  5. 数値のみ入力可能なフォームを実装「Numeric Input」

簡単にアラートを実装できる「Notify」

スポンサーリンク

簡単に通知・アラートを実装できるjQueryプラグイン「Notify」を紹介します。

jQueryプラグイン「Notify」

jQueryプラグイン「Notify」は、ページ読み込み時やクリックなどのアクション時にふわっと通知/アラートを表示するプラグインです。

スポンサーリンク

デモのページが表示されるとふわっと通知が表示されます。また左上にある「クリック!」というリンクをクリックしても、通知が表示されます。実装も簡単!おすすめプラグインです。

「Notify」のデモ

デモのソース(HTML + jQuery)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Notify - jQueryまとめのカルマ</title>
<script src="http://code.jquery.com/jquery-2.0.0.js"></script>
<script src="jquery-notify.js"></script>
<style type="text/css" media="screen">
#notification span {
	background: aqua;
	padding: 20px;
}
</style>
</head>
<body>
  <div id="notification">
    <span>
      通知/アラートだよ〜。
    </span>
  </div>
  <p><a href="#" id="show">クリック!クリック!</a></p>
</body>
<script>
$(document).ready(function () {
  $("#notification").notify(); 
  $("#show").click(function() { $("#notification").notify("show"); return false; });
});
</script>
</body>
</html>
スポンサーリンク

関連記事(一部広告含む)