JQuery右下角弹窗的效果实现

时间:2013-08-12 12:01 来源:互联网 作者:源码搜藏 收藏

有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。 先看下效果演示: 效果演示 JQUEYR PLUGIN - Messager 1

有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。

先看下效果演示:

效果演示

JQUEYR PLUGIN - Messager



1.$.messager.lays(width, height);

该方法主要用来定义弹出窗口的宽度和高度。

2.$.messager.anim(type,speed);

该方法主要定义窗口以什么样的方式和速度呈现。

3.$.messager.show(title,text,time);

该方法主要定义窗口显示的内容,以及窗口显示多长时间后进行隐藏。

如果使用默认的标题,则将title设置为0,另外title和text还可以设置为html内容进行显示。如果希望用户点击弹窗的关闭按钮才关闭消息框,可将time设置为0。

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

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

2. 在页面加载的时候调用message插件中的函数,设置窗口的大小,显示效果,以及显示内容。


jQuery技术阅读排行

最新文章