有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下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插件中的函数,设置窗口的大小,显示效果,以及显示内容。
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->$(function () {
$.messager.lays(200, 200);
$.messager.anim('fade', 1000);
$.messager.show("提示信息", "<a href='http://www.cnblogs.com'>博客园欢迎你</a>",5000);
});
插件下载:jquery.message.js
分享到:
相关推荐
有同事问到了js右下角弹框的实现,然后就网上巴拉巴拉找了两种实现方式: 1、完全基于Jquery实现的 右下角弹框 2、使用Jquery+Message插件,实现右下角弹出框
使用JQuery message控件实现右下角弹出框功能,在IE下如遇到关闭浏览器的问题,请将 this.close 改为 this.msgclose
网页右下角弹出视频jQuery网页右下角弹出视频jQuery网页右下角弹出视频jQuery
jquery插件(网页右下角弹出窗口),大家可以尝试一下,希望对大家有帮助。
jquery右下角弹出框
jQuery右下角弹出提示框代码是一款点击关闭后显示下一条消息提示框代码。
这是一个很好的控件,无意间在网上找到的,拿来和大家分享,用Jquery 实现网页右下角弹出一个框。
网上有很多这个类似的,但是感觉这个好用些,看上去效果也不错。所以和大家分享一下。希望这个jquery弹出框就是你要找的效果。
后台有多条记录时,需要以通知的形式来显示,就采用了右下角弹出多个信息框的信息
Jquery弹出框 提示框 多个提示向上叠加
jquery右下角提示框插件,很好用,有类似需求的同志可以下载下来看一下
有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用jQuery的message插件,可以很方便的实现这个效果,在使用之前先介绍一下message插件中的方法的使用。
其中附带了多个屏幕右下角弹出消息框示例,其中还有jquery中的消息框弹出示例。简单。
好用的jquery类似QQ页面右下角弹出窗口,遇到样式冲突,请删除css第一行哦
右下角弹出窗 弹出窗 jquery特效 弹出窗右下角弹出窗 弹出窗 jquery特效 弹出窗
jQuery右下角弹出框,好几种类型的弹出
jQuery 仿QQ右下角弹出消息提示,显示一个300x200的消息,显示一个fadeIn动画消息,显示一个show动画消息,显示一个show动画消息,不含html,显示定义内容和标题消息,一秒钟关闭消息。 支持鼠标over时不关闭消息...
0分分享 右下角弹出框JQuery 简单易懂,不懂请问
jQuery 仿QQ右下角弹出消息提示,很不错的,有多种弹出方式,Codefans.net截图如上,这只是其中一种的截图,它可以允许你自定义弹出窗口的标题、自定义窗口内容、设定动画弹出方式、设定自动关闭时间等,而且设计也...