基于jQuery的message插件實現(xiàn)右下角彈出消息框
1.$.messager.lays(width, height);
該方法主要用來定義彈出窗口的寬度和高度。
2.$.messager.anim(type,speed);
該方法主要定義窗口以什么樣的方式和速度呈現(xiàn)。
$.messager.anim("fade",1000); //以fadeIn的動畫方式顯示
$.messager.anim("show",1000); //以show的動畫方式顯示
3.$.messager.show(title,text,time);
該方法主要定義窗口顯示的內(nèi)容，以及窗口顯示多長時間后進行隱藏。
如果使用默認的標題，則將title設(shè)置為0，另外title和text還可以設(shè)置為html內(nèi)容進行顯示。如果希望用戶點擊彈窗的關(guān)閉按鈕才關(guān)閉消息框，可將time設(shè)置為0。
$.messager.show(0, "這是一個提示框",5000);
$.messager.show("<font color='red'>提示信息</font>","<a ,3000);
在明白了message插件中每個方法的作用后，使用起來就很簡單了，具體操作如下：
1.在頁面引入jquery.js和jquery.messager.js文件。
2.在頁面加載的時候調(diào)用message插件中的函數(shù)，設(shè)置窗口的大小，顯示效果，以及顯示內(nèi)容。
$(function () {
$.messager.lays(200, 200);
$.messager.anim('fade', 1000);
$.messager.show("提示信息", "<a href='http://www.dbjr.com.cn'>腳本之家</a>",5000);
});
3.最后顯示的效果如下圖。 
在線演示地址 http://demo.jb51.net/js/jquery.messager/index.html
插件下載：jquery.message.js打包下載地址 http://www.dbjr.com.cn/jiaoben/22351.html
相關(guān)文章
這篇文章主要為大家詳細介紹了如何利用jquery結(jié)合json實現(xiàn)分頁效果，感興趣的小伙伴們可以參考一下2016-03-03
在一些網(wǎng)站我們經(jīng)?？吹疆斘覀円斎豚]箱的時候，還沒有填寫完，就會出現(xiàn)一系列下拉列表，幫助我們自動補全郵箱，怎么實現(xiàn)的呢？今天下面給大家分享基于jquery實現(xiàn)郵箱下拉列表自動補全功能，一起看看吧2016-09-09
Easyui在treegrid添加控件的實現(xiàn)方法
這篇文章主要介紹了Easyui在treegrid添加控件的實現(xiàn)方法,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了jQuery動態(tài)移除和添加背景圖片的方法,結(jié)合實例形式分析了jQuery針對頁面元素樣式及事件響應(yīng)的動態(tài)操作技巧,需要的朋友可以參考下2017-03-03
為jquery的ajaxfileupload增加附加參數(shù)的方法
這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下2014-03-03
進度條插件在GitHub上多種多樣數(shù)量繁多,這總結(jié)出頁面進度條插件的實現(xiàn)要點,來教大家自己動手制作基于jQuery的Web頁面加載進度條插件2016-06-06
在最近做的一個項目中，使用jQuery Validation驗證日期，遇到的問題和一個沒有預(yù)料到的情況是，在ASP.NET MVC 3的項目中，對于 input type="date" data-val="true"的元素，如果調(diào)用form的valid方法驗證form，雖然我沒有添加日期驗證的設(shè)置2012-02-02
jQuery EasyUI API 中文文檔 - Menu菜單
jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習jQuery EasyUI的朋友可以參考下。2011-10-10
任意輸入國家和城市，用“，”分隔，點擊設(shè)置下面的超鏈接就變?yōu)榱藙傇O(shè)置的城市，點擊可以跳到這個城市的查看地圖頁，鼠標移到超鏈接上會彈出一個350*350的地圖2013-05-05
我們將創(chuàng)建一個簡單的jquery菜單，只要我們懸停在導(dǎo)航欄的區(qū)域里，將展示給我們的畫面是：明亮的菜單在稍顯黑暗的背景圖中脫穎而出2013-12-12