お知らせや通知をアニメ効果で表示するプラグイン「AmaranJS Stylish Notifications」を紹介します。
jQueryプラグイン「AmaranJS Stylish Notifications」
このプラグインを使えば、スタイリッシュなお知らせや通知をアニメーション表示することができます。
オプションでは表示する「位置」「メッセージ」「アニメ効果」「テーマ」……などを設定することができます。
それではデモページの通知をご覧ください。
「AmaranJS Stylish Notifications」のデモ
デモのソース(HTML + jQuery)
< meta name = "description" content = "AmaranJS Stylish Notifications のデモでーす。" > |
< title >AmaranJS Stylish Notifications - jQueryプラグイン</ title > |
< link rel = "stylesheet" href = "css/amaran.min.css" > |
< h1 >AmaranJS Stylish Notifications のデモ。</ h1 > |
< button id = "demo" >クリック!</ button > |
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></ script > |
< script src = "js/jquery.amaran.js" ></ script > |
$('#demo').on('click',function(){ |
'message' :'お知らせ!メッセージ!', |
'position' :'bottom left', |
jsファイルのダウンロード、オプション詳細はこちらからどうぞ。