基于jQuery的message插件實(shí)現(xiàn)右下角彈出消息框
1.$.messager.lays(width, height);
該方法主要用來定義彈出窗口的寬度和高度。
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)容,以及窗口顯示多長時(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è)方法的作用后,使用起來就很簡單了,具體操作如下:
1.在頁面引入jquery.js和jquery.messager.js文件。
2.在頁面加載的時(shí)候調(diào)用message插件中的函數(shù),設(shè)置窗口的大小,顯示效果,以及顯示內(nèi)容。
$(function () {
$.messager.lays(200, 200);
$.messager.anim('fade', 1000);
$.messager.show("提示信息", "<a href='http://chabaoo.cn'>腳本之家</a>",5000);
});
3.最后顯示的效果如下圖。
在線演示地址 http://demo.jb51.net/js/jquery.messager/index.html
插件下載:jquery.message.js打包下載地址 http://chabaoo.cn/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)頁標(biāo)題閃爍提示的jQuery代碼
- jquery自定義顯示消息數(shù)量
相關(guān)文章
jQuery實(shí)現(xiàn)郵箱下拉列表自動(dòng)補(bǔ)全功能
在一些網(wǎng)站我們經(jīng)常看到當(dāng)我們要輸入郵箱的時(shí)候,還沒有填寫完,就會出現(xiàn)一系列下拉列表,幫助我們自動(dòng)補(bǔ)全郵箱,怎么實(shí)現(xiàn)的呢?今天下面給大家分享基于jquery實(shí)現(xiàn)郵箱下拉列表自動(dòng)補(bǔ)全功能,一起看看吧2016-09-09Easyui在treegrid添加控件的實(shí)現(xiàn)方法
這篇文章主要介紹了Easyui在treegrid添加控件的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-06-06jQuery動(dòng)態(tài)移除和添加背景圖片的方法詳解
這篇文章主要介紹了jQuery動(dòng)態(tài)移除和添加背景圖片的方法,結(jié)合實(shí)例形式分析了jQuery針對頁面元素樣式及事件響應(yīng)的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2017-03-03為jquery的ajaxfileupload增加附加參數(shù)的方法
這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下2014-03-03自己動(dòng)手制作基于jQuery的Web頁面加載進(jìn)度條插件
進(jìn)度條插件在GitHub上多種多樣數(shù)量繁多,這總結(jié)出頁面進(jìn)度條插件的實(shí)現(xiàn)要點(diǎn),來教大家自己動(dòng)手制作基于jQuery的Web頁面加載進(jìn)度條插件2016-06-06修改jQuery Validation里默認(rèn)的驗(yàn)證方法
在最近做的一個(gè)項(xiàng)目中,使用jQuery Validation驗(yàn)證日期,遇到的問題和一個(gè)沒有預(yù)料到的情況是,在ASP.NET MVC 3的項(xiàng)目中,對于 input type="date" data-val="true"的元素,如果調(diào)用form的valid方法驗(yàn)證form,雖然我沒有添加日期驗(yàn)證的設(shè)置2012-02-02jQuery EasyUI API 中文文檔 - Menu菜單
jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-10-10