概述
1.$.messager.lays(width, height);
该方法主要用来定义弹出窗口的宽度和高度。
2.$.messager.anim(type,speed);
该方法主要定义窗口以什么样的方式和速度呈现。
$.messager.anim("fade",1000); //以fadeIn的动画方式显示
$.messager.anim("show",1000); //以show的动画方式显示
3.$.messager.show(title,text,time);
该方法主要定义窗口显示的内容，以及窗口显示多长时间后进行隐藏。
如果使用默认的标题，则将title设置为0，另外title和text还可以设置为html内容进行显示。如果希望用户点击弹窗的关闭按钮才关闭消息框，可将time设置为0。
$.messager.show(0, "这是一个提示框",5000);
$.messager.show("<font color='red'>提示信息</font>","<a href='http://www.cnblogs.com'>博客园欢迎你</a>",3000);
在明白了message插件中每个方法的作用后，使用起来就很简单了，具体操作如下：
1.在页面引入jquery.js和jquery.messager.js文件。
2.在页面加载的时候调用message插件中的函数，设置窗口的大小，显示效果，以及显示内容。
$(function () {
$.messager.lays(200, 200);
$.messager.anim('fade', 1000);
$.messager.show("提示信息", "<a href='http://www.uoften.com'>脚本之家</a>",5000);
});
3.最后显示的效果如下图。 
在线演示地址 http://demo.uoften.com/js/jquery.messager/index.html
插件下载：jquery.message.js打包下载地址 http://www.uoften.com/jiaoben/22351.html
最后
以上就是贪玩钥匙为你收集整理的基于jQuery的message插件实现右下角弹出消息框的全部内容，希望文章能够帮你解决基于jQuery的message插件实现右下角弹出消息框所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复