簡単にアラートを実装できる「Notify」
当ページのリンクには広告が含まれています。
スポンサーリンク
簡単に通知・アラートを実装できるjQueryプラグイン「Notify」を紹介します。
jQueryプラグイン「Notify」
jQueryプラグイン「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>
スポンサーリンク