基于jQuery的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='https://www.jb51.net'>脚本之家</a>",5000);
});
3.最后显示的效果如下图。 
在线演示地址 http://demo.jb51.net/js/jquery.messager/index.html
插件下载：jquery.message.js打包下载地址 https://www.jb51.net/jiaoben/22351.html
相关文章
这篇文章主要介绍了jQuery事件用法实例汇总,对事件的绑定及各类事件的用法做了较为详尽的实例分析,有很好的借鉴价值,需要的朋友可以参考下2014-08-08
jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。如今，jQuery已经成为最流行的javascript框架，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。那么作为一个前端设计师，怎么可能不来深入了解下jQuery呢，首先我们从他的总体构架开始吧2014-06-06
这篇文章主要介绍了jQuery遍历节点树方法,结合实例形式分析了3种常见的节点遍历技巧,需要的朋友可以参考下2016-09-09
jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support，下面我们来看下具体的使用方法2014-05-05
下面小编就为大家带来一篇jquery判断类型是不是number类型的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了jQuery实现将页面上HTML标签换成另外标签的方法,实例说明了两种实现html页面元素替换的技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery实现页面滚动时动态加载内容的方法,实例分析了jQuery实现动态加载页面的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
DIV的width宽度如何获取呢？接下来介绍使用jquery获取DIV的width宽度，感兴趣的朋友可以了解下的2013-01-01
这篇文章主要介绍了jquery制作的移动端购物车效果,结合完整实例形式详细分析了jQuery移动端购物车具体功能实现、数值计算、界面布局与显示效果相关操作技巧,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了jquery实现鼠标滑过小图查看大图的方法,涉及jquery鼠标事件及图片样式动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
最新评论