jQueryベースのmessageプラグインによる右下隅のポップアップメッセージボックスの実現

1468 ワード

1.$.messager.lays(width, height);
この方法は、主にポップアップウィンドウの幅と高さを定義するために使用されます.
2.$.messager.anim(type,speed);
このメソッドは、主にウィンドウがどのように表示されるかと速度を定義します.
$.messager.anim("fade",1000);//fadeInのアニメーション表示
$.messager.anim("show",1000);//showのアニメーション表示
3.$.messager.show(title,text,time);
この方法では、主にウィンドウの表示内容と、ウィンドウの表示時間がどれくらい後に非表示になるかを定義します.
デフォルトのタイトルを使用する場合はtitleを0に設定し、titleとtextをhtmlコンテンツとして表示することもできます.メッセージボックスを閉じるには、ポップアップウィンドウの閉じるボタンをクリックする必要がある場合は、timeを0に設定します.
$.messager.show(0,「これはヒントボックスです」5000);
$.messager.show("ヒントメッセージ"、"去博客园啊",3000);
Messageプラグインの各メソッドの役割を理解したら、簡単に使用できます.具体的な操作は以下のとおりです.
1.ページにjqueryを導入する.jsとjquery.messager.jsファイル.
2.ページのロード時にmessageプラグインの関数を呼び出し、ウィンドウのサイズを設定し、効果を表示し、内容を表示します.
$(function () { 
$.messager.lays(200, 200); 
$.messager.anim('fade', 1000); 
$.messager.show("    ", "<a href='http://www.poluoluo.com'>   </a>",5000); 
}); 

オンラインプレゼンテーションアドレス
http://demo.jb51.net/js/jquery.messager/index.html
プラグインのダウンロード:jquery.message.jsパッケージダウンロードアドレス
http://www.jb51.net/jiaoben/22351.html