亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

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

$(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

相關(guān)文章

最新評論