一、使用jQuery的message插件实现右下角弹出消息框
有时在页面加载的时候,需要在页面的右下角弹出一个小的提示框,显示一些提示信息给用户,通过使用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);
});
3.最后显示的效果如下图。
二、Query的message消息框还有以下几种:$.messager.alert;$.messager.confirm;$.messager.prompt
分享到:
相关推荐
很好用,很方便的 jquery消息提示框插件,内附demo
没有厌倦了原来那alert那个风格,总是一个感叹号。有时使得UE不好,今天我们介绍使用Jquery Alert插件 ,使用它可以用来替换JScript中的alert,confirm,prompt。
jq 消息框,页面底层弹出框插件,jq 消息框,页面底层弹出框插件
jquery点击按钮调用消息提示看,界面优化免去繁琐的alter弹窗
1.$.messager.lays(width, height); 该方法主要用来定义弹出窗口的宽度和高度。 2.$.messager.anim(type,speed); 该方法主要定义窗口以什么样的方式和速度呈现。...如果使用默认的标题,则将title设置为0,另外title和t
rustaMsgBox 简单不打扰的弹出消息框这样称呼它(指定要显示的内容): $ .rustaMsgBox({“ content”:“ hi I's rusta message box”}); 除了用于控制Nox行为的内容之外,您还可以提供以下覆盖(默认值如下所示...
非常不错的国产JS弹出框插件,由前端工程师alien开发,提供多种类型的自定义对话框,使用方法简单,浏览器兼容性好,支持的弹出框模式有: alert:普通提示(警告)对话框 confirm:询问(确认)对话框 message:...
用于简单确认的 jQuery 插件用于简单本地确认的 jQuery 插件安装使用安装 bower install jquery.confirm用法 < button id =" btn1 " > Confirm #1 (Default message) </ button > $ ( '#btn1' ) . ...
$.fn.messagebox = function (message, url, type, delay) { clearTimeout(messagebox_timer); $(“#msgprint”).remove(); var m_body = $(this); delay = (typeof delay == “undefined” ? 5000 : delay); ...
JQuery-Cookies-消息 非常简单的 JQuery 插件,可以轻松地在网站上显示 Cookies Low 横幅。 完全可定制。 特征 易于实施 可定制的颜色和文本 多个按钮组合和可自定义的链接样式 ...如何自定义消息框 $(document).re
那现在就使用angular(版本5.0.0)来实现message组件。 message组件 message组件要根据传入的类型、消息和duration来显示。创建三个文件:message.component.ts,message.component.html,message.component.c
“/company/msglog/delete/id/’.$data->zml_id.'”,”你确定要删除这条消息吗?”)’))?> 2.jq 代码如下: [removed] //单项删除确认框 function art_del_confirm(url,message){ message = message?...
ui-message-queue AKA 用户消息队列 Javascript 实现描述ui-message-queue 是消息队列的 Javascript 实现,允许您将消息(简单字符串)推送到队列并通过先进先出 (FIFO) 方法显示在 DOM 元素中。 这意味着您可以加载...
mobileui-growl消息与基本屏幕布局2非常相似,不同之处在于没有菜单档案index.html-主程序config.xml-phonegap配置定义README.md-此文件NOTES.md-关于message.js库的注释messages / messages.css messages / ...
无需jQuery !! 查看特征•可自定义的消息内容-当然•可自定义的颜色-背景/内容•可自定义的大小/边框•可自定义的不透明度/位置•单击消息时触发回调用法简单消息: // include notiFire.css in the head<link...
通过jsAction标签使用jQuery - 95 - 12. Internationalization国际化支持 - 96 - 仅使用 UTF-8! - 96 - 国际化你的信息 - 96 - 通过应用程序定义支持的语言 - 96 - 依照你的区域定义日期格式 - 97 - 找回区域信息 - ...
首先看一下自定义提示框的效果图 alert 普通的提示当然可以自定义样式...//message 提示的信息 ,callback(msg)回调函数(用户输入的消息), param:regex 输入的 正则验证,regexmsg 正则验证不通过的提示 window.shp
SignalR聊天应用程序演示了两个基本的SignalR开发任务:创建一个集线器作为服务器上的主要协调对象,并使用SignalR jQuery库来发送和接收消息。1 SignalR集线器 在代码示例中,ChatHub类从Microsoft.AspNet....
如果开发人员想使用Signal,需要在客户端层使用像jQuery的JavaScript框架,并在服务端层使用.NET代码编写应用和服务。SignalR具有多种编程模型(PersistentConnections 和Hubs),它为开发人员提供了连接、消息接收...