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


20110109-03

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

IT/WEB業界への転職なら求人サイトGreen

デザインは青、赤、緑の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 }); }); });

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

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly