基于jQuery的message插件實(shí)現(xiàn)右下角彈出消息框
1.$.messager.lays(width, height);
該方法主要用來(lái)定義彈出窗口的寬度和高度。
2.$.messager.anim(type,speed);
該方法主要定義窗口以什么樣的方式和速度呈現(xiàn)。
$.messager.anim("fade",1000); //以fadeIn的動(dòng)畫方式顯示
$.messager.anim("show",1000); //以show的動(dòng)畫方式顯示
3.$.messager.show(title,text,time);
該方法主要定義窗口顯示的內(nèi)容，以及窗口顯示多長(zhǎng)時(shí)間后進(jìn)行隱藏。
如果使用默認(rèn)的標(biāo)題，則將title設(shè)置為0，另外title和text還可以設(shè)置為html內(nèi)容進(jìn)行顯示。如果希望用戶點(diǎn)擊彈窗的關(guān)閉按鈕才關(guān)閉消息框，可將time設(shè)置為0。
$.messager.show(0, "這是一個(gè)提示框",5000);
$.messager.show("<font color='red'>提示信息</font>","<a ,3000);
在明白了message插件中每個(gè)方法的作用后，使用起來(lái)就很簡(jiǎn)單了，具體操作如下：
1.在頁(yè)面引入jquery.js和jquery.messager.js文件。
2.在頁(yè)面加載的時(shí)候調(diào)用message插件中的函數(shù)，設(shè)置窗口的大小，顯示效果，以及顯示內(nèi)容。
$(function () {
$.messager.lays(200, 200);
$.messager.anim('fade', 1000);
$.messager.show("提示信息", "<a href='http://www.fzitv.net'>腳本之家</a>",5000);
});
3.最后顯示的效果如下圖。 
在線演示地址 http://demo.jb51.net/js/jquery.messager/index.html
插件下載：jquery.message.js打包下載地址 http://www.fzitv.net/jiaoben/22351.html
- JQuery的Alert消息框插件使用介紹
- jquery插件jquery.confirm彈出確認(rèn)消息
- 基于JQuery 的消息提示框效果代碼
- jquery判斷瀏覽器后退時(shí)候彈出消息的方法
- 使用ASP.NET MVC 4 Async Action+jQuery實(shí)現(xiàn)消息通知機(jī)制的實(shí)現(xiàn)代碼
- Notify - 基于jquery的消息通知插件
- jQuery實(shí)現(xiàn)鼠標(biāo)移到元素上動(dòng)態(tài)提示消息框效果
- 基于jQuery的彈出消息插件 DivAlert之旅（一）
- 讓新消息在網(wǎng)頁(yè)標(biāo)題閃爍提示的jQuery代碼
- jquery自定義顯示消息數(shù)量
相關(guān)文章
這篇文章主要介紹了jQuery事件用法實(shí)例匯總,對(duì)事件的綁定及各類事件的用法做了較為詳盡的實(shí)例分析,有很好的借鑒價(jià)值,需要的朋友可以參考下2014-08-08
jQuery是一個(gè)兼容多瀏覽器的javascript框架，核心理念是write less,do more(寫得更少,做得更多)。如今，jQuery已經(jīng)成為最流行的javascript框架，在世界前10000個(gè)訪問(wèn)最多的網(wǎng)站中，有超過(guò)55%在使用jQuery。那么作為一個(gè)前端設(shè)計(jì)師，怎么可能不來(lái)深入了解下jQuery呢，首先我們從他的總體構(gòu)架開始吧2014-06-06
這篇文章主要介紹了jQuery遍歷節(jié)點(diǎn)樹方法,結(jié)合實(shí)例形式分析了3種常見的節(jié)點(diǎn)遍歷技巧,需要的朋友可以參考下2016-09-09
jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 從 1.9 版開始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support，下面我們來(lái)看下具體的使用方法2014-05-05
jquery判斷類型是不是number類型的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery判斷類型是不是number類型的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery實(shí)現(xiàn)將頁(yè)面上HTML標(biāo)簽換成另外標(biāo)簽的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)將頁(yè)面上HTML標(biāo)簽換成另外標(biāo)簽的方法,實(shí)例說(shuō)明了兩種實(shí)現(xiàn)html頁(yè)面元素替換的技巧,需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)頁(yè)面滾動(dòng)時(shí)動(dòng)態(tài)加載內(nèi)容的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)頁(yè)面滾動(dòng)時(shí)動(dòng)態(tài)加載內(nèi)容的方法,實(shí)例分析了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載頁(yè)面的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jquery獲取div寬度的實(shí)現(xiàn)思路與代碼
DIV的width寬度如何獲取呢？接下來(lái)介紹使用jquery獲取DIV的width寬度，感興趣的朋友可以了解下的2013-01-01
jquery制作的移動(dòng)端購(gòu)物車效果完整示例
這篇文章主要介紹了jquery制作的移動(dòng)端購(gòu)物車效果,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery移動(dòng)端購(gòu)物車具體功能實(shí)現(xiàn)、數(shù)值計(jì)算、界面布局與顯示效果相關(guān)操作技巧,需要的朋友可以參考下2020-02-02
jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)小圖查看大圖的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)小圖查看大圖的方法,涉及jquery鼠標(biāo)事件及圖片樣式動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07