欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery的message插件實(shí)現(xiàn)右下角彈出消息框

 更新時(shí)間:2011年01月11日 00:19:17   作者:  
有時(shí)在頁(yè)面加載的時(shí)候,需要在頁(yè)面的右下角彈出一個(gè)小的提示框,顯示一些提示信息給用戶,通過使用jQuery的message插件,可以很方便的實(shí)現(xiàn)這個(gè)效果,在使用之前先介紹一下message插件中的方法的使用。

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)容。

復(fù)制代碼 代碼如下:

$(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+json實(shí)現(xiàn)分頁(yè)效果

    jquery+json實(shí)現(xiàn)分頁(yè)效果

    這篇文章主要為大家詳細(xì)介紹了如何利用jquery結(jié)合json實(shí)現(xiàn)分頁(yè)效果,感興趣的小伙伴們可以參考一下
    2016-03-03
  • jQuery實(shí)現(xiàn)郵箱下拉列表自動(dòng)補(bǔ)全功能

    jQuery實(shí)現(xiàn)郵箱下拉列表自動(dòng)補(bǔ)全功能

    在一些網(wǎng)站我們經(jīng)常看到當(dāng)我們要輸入郵箱的時(shí)候,還沒有填寫完,就會(huì)出現(xiàn)一系列下拉列表,幫助我們自動(dòng)補(bǔ)全郵箱,怎么實(shí)現(xiàn)的呢?今天下面給大家分享基于jquery實(shí)現(xiàn)郵箱下拉列表自動(dòng)補(bǔ)全功能,一起看看吧
    2016-09-09
  • Easyui在treegrid添加控件的實(shí)現(xiàn)方法

    Easyui在treegrid添加控件的實(shí)現(xiàn)方法

    這篇文章主要介紹了Easyui在treegrid添加控件的實(shí)現(xiàn)方法,需要的朋友可以參考下
    2017-06-06
  • jQuery動(dòng)態(tài)移除和添加背景圖片的方法詳解

    jQuery動(dòng)態(tài)移除和添加背景圖片的方法詳解

    這篇文章主要介紹了jQuery動(dòng)態(tài)移除和添加背景圖片的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素樣式及事件響應(yīng)的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
    2017-03-03
  • 為jquery的ajaxfileupload增加附加參數(shù)的方法

    為jquery的ajaxfileupload增加附加參數(shù)的方法

    這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下
    2014-03-03
  • 自己動(dòng)手制作基于jQuery的Web頁(yè)面加載進(jìn)度條插件

    自己動(dòng)手制作基于jQuery的Web頁(yè)面加載進(jìn)度條插件

    進(jìn)度條插件在GitHub上多種多樣數(shù)量繁多,這總結(jié)出頁(yè)面進(jìn)度條插件的實(shí)現(xiàn)要點(diǎn),來(lái)教大家自己動(dòng)手制作基于jQuery的Web頁(yè)面加載進(jìn)度條插件
    2016-06-06
  • 修改jQuery Validation里默認(rèn)的驗(yàn)證方法

    修改jQuery Validation里默認(rèn)的驗(yàn)證方法

    在最近做的一個(gè)項(xiàng)目中,使用jQuery Validation驗(yàn)證日期,遇到的問題和一個(gè)沒有預(yù)料到的情況是,在ASP.NET MVC 3的項(xiàng)目中,對(duì)于 input type="date" data-val="true"的元素,如果調(diào)用form的valid方法驗(yàn)證form,雖然我沒有添加日期驗(yàn)證的設(shè)置
    2012-02-02
  • jQuery EasyUI API 中文文檔 - Menu菜單

    jQuery EasyUI API 中文文檔 - Menu菜單

    jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。
    2011-10-10
  • jQuery輸入城市查看地圖使用介紹

    jQuery輸入城市查看地圖使用介紹

    任意輸入國(guó)家和城市,用“,”分隔,點(diǎn)擊設(shè)置下面的超鏈接就變?yōu)榱藙傇O(shè)置的城市,點(diǎn)擊可以跳到這個(gè)城市的查看地圖頁(yè),鼠標(biāo)移到超鏈接上會(huì)彈出一個(gè)350*350的地圖
    2013-05-05
  • 制作jquery遮罩層效果導(dǎo)航菜單代碼分享

    制作jquery遮罩層效果導(dǎo)航菜單代碼分享

    我們將創(chuàng)建一個(gè)簡(jiǎn)單的jquery菜單,只要我們懸停在導(dǎo)航欄的區(qū)域里,將展示給我們的畫面是:明亮的菜單在稍顯黑暗的背景圖中脫穎而出
    2013-12-12

最新評(píng)論