アラートをアニメーションしながら表示するjQueryプラグイン「jNotify」

「jNotify」はサイト上のアラートをアニメーションさせながら表示させるjQueryプラグインです。

デザインは青、赤、緑の3種類用意されていました。
表示させたい内容で使い分けられそうですね。

本文にはHTMLも使用可能との事なので使い勝手はとても良さそうです。

使い方

コードは以下のような内容で設置可能でした。

プラグインのオプションで
表示時間、位置、アニメーションの有無、不透明度などが設定可能です。

  $(document).ready(function(){
    $("a.exemple").click(function(e){
	  e.preventDefault();
	  jNotify(
		'Here the message !!
You can write HTML code bold, italic, underline',
		{
		  autoHide : true, // added in v2.0
		  clickOverlay : false, // added in v2.0
		  MinWidth : 250,
		  TimeShown : 3000,
		  ShowTimeEffect : 200,
		  HideTimeEffect : 200,
		  LongTrip :20,
		  HorizontalPosition : 'center',
		  VerticalPosition : 'top',
		  ShowOverlay : true,
   		  ColorOverlay : '#000',
		  OpacityOverlay : 0.3
		});
	  });
    });

単純なアラートではなく見た目を変化させる事で
ような情報なのか伝わり安くなりますね。