zl程序教程

您现在的位置是:首页 >  前端

当前栏目

基于jQuery的message插件实现右下角弹出消息框

jQuery消息插件 实现 基于 message 右下角
2023-06-13 09:14:26 时间

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("<fontcolor="red">提示信息</font>","<ahref="http://www.cnblogs.com">博客园欢迎你</a>",3000);

   在明白了message插件中每个方法的作用后,使用起来就很简单了,具体操作如下:

1.在页面引入jquery.js和jquery.messager.js文件。