`

jquery ui Message 简单使用

 
阅读更多
可以自己在前面加上一张图片
通过operation判断 用哪张图
/**
 * @depend jQuery-ui-Dialog
 * jQuery ui Dialog 
 * @author Malt
 */
(function($) {
	/**
	 * @param operation[notice(default)/success/warning/error] image's name
	 */
	$.simpleMessage = function( message, operation, options ) {
		var defaultOptions = {
			//position: [objLeft,objTop],
			title: "提示",
			modal: true,
			resizable: false,
			minHeight: '25px',
			buttons: {
				"关闭": function() {
					$(this).dialog( "close" );
				}
			}
				
		};
		var imgName = operation || "notice";
		var icon = "<img src='jquery/simpleMessage/images/"+imgName+".png' style='float:left;'/>";
		defaultOptions.message = '<span style="line-height:30px;font-size:16px;">'+message+'</span>';
		defaultOptions = jQuery.extend(defaultOptions, options);
        $('<div><center>'+icon + defaultOptions.message +'</center></div>').dialog(defaultOptions);
    };

})(jQuery);
	
	




$.simpleMessage("hahaah");





  • 大小: 5.3 KB
分享到:
评论

相关推荐

    jquery-ui-1.9.2.rar

    if ($.fn.pagination){ $.fn.pagination.defaults.beforePageText = 'Strana'; $.fn.pagination.defaults.afterPageText = 'z {pages}';... missingMessage: $.fn.datebox.defaults.missingMessage }); }

    jQuery UI Datepicker length为空或不是对象错误的解决方法

    我们开发ASP.NET站点时,如果将jQuery UI Datepicker与ASP.NET的验证控件(如:RequiredFieldValidator)组合使用: 代码如下: ”txtDate” runat=”server”&gt;&lt;/asp&gt; ”reqDate” runat=”server” ...

    jQuery顶部通知提示插件Overhang.js.zip

    简介overhang.js 是一款基于 jQuery 和 jQuery UI 的用于显示通知、确认、提示的插件,它以动画的方式从顶部滑出。overhang.js 提供了众多参数,你可以自定义通知的样式,回调函数也能够满足你的更多需求。使用...

    jquery ui bootstrap 实现自定义风格

    //message 提示的信息 ,callback(true/false)回调函数  window.shconfirm = function (message, callback) 回调函数参数为 true/false prompt 邀请用户输入框 代码如下: //message 提示的信息 ,callback(msg)回...

    enhanced-alert:一个 jquery ui 插件

    Enhanced-alert一个查询 ui 插件 这个插件用新的替换浏览器对话框(警报、提示、确认)。 用法 警报 $.ea.alert&#40;message[,title[,icon]]&#41; 例子: $.ea.alert&#40;"I'm new",'Warning'&#41;; 确认 $.ea....

    ui-message-queue:用户界面消息队列Javascript实现

    ui-message-queue AKA 用户消息队列 Javascript 实现描述ui-message-queue 是消息队列的 Javascript 实现,允许您将消息(简单字符串)推送到队列并通过先进先出 (FIFO) 方法显示在 DOM 元素中。 这意味着您可以加载...

    jquery.modal:模态窗口系统插件

    jQuery.spModal jQuery 的模态窗口系统插件。安装将文件复制到您的首选位置。 有关更多信息,请参阅。例子创建一个模态加载对话框(完整示例参见 ): var loading = $ . spModal ( 'loading' ) ;loading . add...

    AjaxControlToolkit 4.5 版本

    Update to fix a conflict between the Ajax Control Toolkit and jQuery/jQuery UI. Update to the ToolkitScriptManager to prevent an error that resulted from concurrency conflicts on high traffic websites...

    android-toast:一个jQuery小部件,用于在Web应用程序中显示类似于Andriod的吐司通知

    还包括jQuery和jQuery-UI文件,因为它们是小部件的依赖项。 创建一个Android Toast实例 var toast = $(window).AndroidToast({ message : "Hi, Message has been changed" }); 随时显示。 toast.Android...

    jquery:jQuery的ActiveWidgets组件

    ActiveWidgets / jQuery•Datagrid ActiveWidgets是一个多框架UI组件库。 这个包提供了jQuery的datagrid组件。 //安装将添加到您的项目依赖项中- &gt; npm i --save @activewidgets/jquery 用法将库导入到您的应用中- ...

    simple_rails_messaging_tutorial:Repo 使用 Rails 设置了一个非常简单的消息传递应用程序,不需要 jquery 或 javascript

    这是一个基于 Rails 的简单消息传递应用程序。 使用此应用程序,您将拥有 a hand rolled user system and the users will have the ability to message each other within the app. 我正在使用 Rails '4.1.8' 和...

    mobileui-growl-messages:从窗口顶部下拉的简单通知消息

    mobileui-growl消息与基本屏幕布局2非常相似,不同之处在于没有菜单档案index.html-主程序config.xml-phonegap配置定义README.md-此文件NOTES.md-关于message.js库的注释messages / messages.css messages / ...

    jquery判断输入密码两次是否相等

    Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个输出框中值相等的验证,所以我做了下扩展。 $.extend($.fn.validatebox.defaults.rules, { /*必须和某个字段相等*/ equalTo: { ...

    jquery上传插件

    meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;meta name="apple-mobile-web-app-...

    widget_me:来自 https

    页面上的多个反馈(不同位置) 咆哮一样和超级可定制的对话响应,用于成功/失败反馈发送引导程序支持jQuery UI 主题支持放置小部件的 4 个不同的可能位置使用 AJAX post 将数据发送到服务器('name'、'message' 和 '...

    AjaxControlToolkit.Binary.NET45

    Update to fix a conflict between the Ajax Control Toolkit and jQuery/jQuery UI. Update to the ToolkitScriptManager to prevent an error that resulted from concurrency conflicts on high traffic websites...

    详解angularjs利用ui-route异步加载组件

    随着视图不断增加,打包的js体积也会越来越大,比如我在应用里面用到了wangeditor里面单独依赖的jquery就300多k。异步加载各个组件就很有必要。在这里我就以ui-route为框架来进行异步加载说明。 首先看一下路由加载...

    js设计模式源码

    &lt;script type="text/javascript" src="js/jquery.js"&gt; &lt;h2&gt;Media(中介者)模式 行为设计模式。公开一个统一的接口,系统的不同部分可以通过该接口进行通信。 确保组件的交互是通过这个中心点来处理,而...

    toast-me:微型工具,可在网页上显示类似吐司的通知

    与流行的框架完全兼容,例如React , Vue , Angular , jQuery等 可客制化 轻量级(17kB直到gzip,6kB压缩) 支持吐司内部的动作按钮 可关闭 悬停暂停吐司的计时器 接受CSS类的样式 如何使用 从npm安装软件包 yarn...

Global site tag (gtag.js) - Google Analytics