使用jQuery的message插件实现右下角弹出消息框

1.首先导入JS文件

<script src="<s:url value='/libs/js/popup/messager.js'/>" type="text/javascript"></script>

2.使用

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插件中每个方法的作用后，使用起来就很简单了，具体操作如下：

$(function () { $.messager.lays(200, 200); $.messager.anim('fade', 1000); $.messager.show("提示信息", "<a href='http://www.cnblogs.com'>博客园欢迎你</a>",5000); });