`

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 messager 消息框

    在使用jQuery UI Messager时,可以通过选择或创建不同的主题来改变消息框的视觉样式。 8. **插件架构**:jQuery UI Messager遵循jQuery插件开发模式,通过链式调用来初始化和配置插件,提供了一种模块化和可复用的...

    jQuery.UI Messenge消息控件

    使用jQuery.UI Message,开发者可以通过简单的API调用来创建和显示消息。例如,你可以用以下代码显示一个警告消息: ```javascript $.ui.message({ type: 'warn', text: '这是一条警告信息', timeout: 3000 // ...

    jquery 跨iframe拖拽

    1. **引入jQuery和jQuery UI**:在项目中,首先需要引入jQuery库(如jquery-1.3.2.js)和jQuery UI的拖拽组件。在本案例中,我们可能需要将这些脚本链接到iframe.html、right.html和left.html等文件中。 2. **设置...

    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 ligerUI API

    4. **易于使用**:API设计简洁,文档清晰,开发者可以通过简单的代码调用来实现复杂的功能,降低了学习和使用的难度。 5. **性能优化**:ligerUI在组件渲染和交互方面做了很多性能优化,保证了在大量数据或复杂操作...

    jQuery ligerUI demo

    总的来说,“jQuery ligerUI demo”是一个实用的教学案例,它涵盖了前端使用 ligerUI 构建界面并与 Java 后台进行数据交互的基本流程。开发者可以通过这个案例学习如何利用 ligerUI 实现常见的 CRUD 操作,同时理解 ...

    jqdialog:jqueryUI 与 iframe

    **jQuery UI Dialog的使用** 1. **引入资源**:首先,确保在项目中引入jQuery库和jQuery UI库。你可以通过CDN链接或者本地文件引用。例如: ```html &lt;script src="https://code.jquery....

    jQuery LigerUI 框架资源包

    此外,由于LigerUI是基于jQuery的,因此,熟悉jQuery语法的开发者可以更轻松地掌握和使用这个框架。总的来说,jQuery LigerUI 是一个强大而全面的前端解决方案,能够有效提升开发效率,同时保证应用的用户体验。

    jQuery UI Bootstrap是什么?

    1. 强大的控件功能:由于基于jQuery UI,开发者可以使用所有jQuery UI提供的控件,如对话框、日期选择器、滑块、下拉菜单等,这些控件都经过优化以适应Bootstrap的样式。 2. 统一的外观:得益于Bootstrap的基础,...

    使用ThemeRollers的jQuery UI Alerts对话框

    在本文中,我们将深入探讨如何使用ThemeRollers与jQuery UI创建自定义的Alert对话框,以替换传统的JavaScript警告、确认和提示对话框。这将帮助我们提升Web应用程序的用户体验,使其更加美观且交互性强。 首先,...

    实现右下角弹出框功能(JQuery message控件)

    首先,jQuery Message是jQuery UI的一个扩展,它提供了一种方便的方式来显示消息、警告和错误信息。这个控件允许开发者自定义位置、样式、内容和行为,以满足不同场景的需求。要实现右下角弹出框功能,我们需要在...

    基于jquery ui的alert,confirm方案(支持换肤)

    \n\n总的来说,基于jQuery UI实现的alert和confirm对话框方案,不仅提供了更丰富的视觉效果,还允许开发者通过简单的API调用来创建和定制对话框,同时支持换肤功能,极大地提升了用户体验。这个方案适用于那些需要...

    jquery弹出提示框

    3. **使用jQuery UI**:上面的示例使用了jQuery UI的`dialog`组件,所以还需要引入jQuery UI的CSS和JS文件: ```html &lt;link rel="stylesheet" href="https://code.jquery....

    基于jquery的BlockUI做的遮罩层

    在网页开发中,有时我们需要创建一个遮罩层或者弹出框来提示用户或者阻止用户与页面其他部分的交互,这就是“基于jQuery的BlockUI”插件所做的事情。BlockUI是一款非常实用的jQuery插件,它能够方便地实现页面区域的...

    jquery重写window alert 信息提示

    在JavaScript和jQuery的世界里,`alert`函数是一个常见的用于弹出简单信息提示框的方法。然而,原生的`alert`对话框样式单一且不可定制,无法满足开发者对用户体验的高要求。因此,"jQuery重写window alert 信息提示...

    jquery中注册,登录,完善个人资料等的验证demo

    - 使用`$(selector).next('.error-message').text('错误信息')`显示错误提示。 6. **最佳实践**: - 验证应分为前端和后端两部分,前端提供快速反馈,后端作为最终保障。 - 避免暴露过多错误信息,防止被恶意...

    jQuery UI Dialog 创建友好的弹出对话框实现代码

    以下是关于如何使用 jQuery UI Dialog 的详细说明: 1. **基本用法**: 要创建一个 Dialog,首先需要在页面中引入 jQuery 和 jQuery UI 的 CSS 和 JavaScript 文件。然后选择一个元素,通常是隐藏的 div,作为...

    jquery留言板

    本文将深入探讨如何使用jQuery构建一个简单而实用的留言板系统。 ### 1. jQuery基础 首先,我们需要了解jQuery的基本用法。jQuery通过一个"$"函数来初始化,它可以用于选择页面上的HTML元素,如`$("#elementId")`...

Global site tag (gtag.js) - Google Analytics