有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的messager插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。
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.czx.com'>欢迎你</a>",5000);}
3.最后显示的效果如下图。
分享到:
相关推荐
Jquery Messager右下角弹出消息插件
模仿qq弹出消息模式,非常方便简单,可以任意定义弹出消息框的大小
内容索引:脚本资源,jQuery,右下角,弹窗 jquery messager 右下角弹窗插件,方便在网页右下角弹出窗口,可弹出一个标准的弹窗、一个含有标题和自定义内容的弹窗,可显示Flash的弹窗,版本1.5更新: 1、修正设置不...
该插件能更快的开发右下角弹出窗口 送你一个Jquery Messager消息弹出插件! fadeIn动画消息 show动画消息 自定义标题 自定义内容 一秒钟关闭消息
jq 消息框,页面底层弹出框插件,jq 消息框,页面底层弹出框插件
最近开发的一个仿MSN弹出消息插件。 登陆 http://www.corrie.net.cn/demo/messager/ 查看详细
jquery.messager.rar v1.5 右下角弹出提示插件 除了chrome,其他浏览器表现都很好,只是chrome差一点而已
@描述 仿jQuery中的jquery-messager插件 @使用 在页面中直接引用改类即可。 @使用方式: $.message.alert(shell,"消息","用户名或者密码不能为空"); $.message.alert(shell,"消息","用户名或者密码不能为空","error...
盘文章介绍了jquery.messager.js插件导致页面抖动的解决方法,有需要的朋友可以参考一下
$.messager.show(0,'送你一个Jquery Messager消息弹出插件!'); $("#showMessager300x200").click(function(){ $.messager.lays(300, 200); $.messager.show(0, '300x200的消息',1000); }); }); </script>
基于bootstrap: 3.xjquery: 1.x支持的插件jquery.dialog jquery对话框插件jquery.datagrid jQuery datagrid插件jquery.messager jquery messager(消息框)插件(bootstrap.css) jquery.tree jquery树视图插件...
jq 消息框,页面底层弹出框插件
包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、jquery.dialog.js、jquery.form.js、jquery.layout.js、jquery.linkbutton.js、jquery.mask.js、jquery.messager.js、...
JQUEYR 消息插件 Messager v1.5 仿QQ消息弹出提醒.zip
本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。 我们将使用下面的插件: datagrid:向用户展示列表数据。 dialog:创建或编辑一条单一的用户信息。 form:用于提交表单数据。 messager:显示...
1.$.messager.lays(width, height); 该方法主要用来定义弹出窗口的宽度和高度。 2.$.messager.anim(type,speed); 该方法主要定义窗口以什么样的方式和速度呈现。 $.messager.anim(“fade”,1000); //以fadeIn的动画...
本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。 我们将使用下面的插件: datagrid:向用户展示列表数据。 dialog:创建或编辑一条单一的用户信息。 form:用于提交表单数据。 messager:...