`
chenfeng_lian
  • 浏览: 10194 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Jquery 简单插件 弹出框

 
阅读更多
/**
 * @author: chenfeng_lian
 * after included jQuery
 */
;var PAF = window.PAF || {}; 
PAF.plugins = PAF.plugins||{};

(function($){
	PAF.plugins.ErrorMsg = function(options){
		this.opts = $.extend(true, PAF.plugins.ErrorMsg.defaults, options);
		this.mask = null;
		this.$el = null;
		this.el = null;

		this.init();
	};
	PAF.plugins.ErrorMsg.prototype = {
		init : function() {
			var Confirm = this;
			var opts = this.opts;
			var sHtml = '<div class="errorLayout">'+this.opts.sHtml+'</div>';
			$('body').append(sHtml);

			Confirm.$el = $('.errorLayout');
			Confirm.setMask();
			$('#close, #confirm').on('click', {
					scope : Confirm
				}, Confirm.fnConfirmIng);
		},
		fn : function() { },
		fnConfirmIng : function(e) {
			var Confirm = e.data.scope;
			Confirm.opts.callbacks.fnConfirmIng
				&& Confirm.opts.callbacks.fnConfirmIng();
			Confirm.mask.remove();
			Confirm.destroy();
			return false;
		},
		destroy : function() { this.$el.remove(); },
		setMask : function() {
			var Confirm = this;
			this.mask = $('<div class="mask"></div>').appendTo(
					Confirm.opts.parent).css({
						height : $(document).height(),
						width : $(Confirm.opts.parent).width()
			});
		}
	};

	PAF.plugins.ErrorMsg.defaults = {
		'parent' : 'body',
		'sHtml': '',
		callbacks: {
			fnConfirmIng: function(){window.console && console.log('fnConfirmIng');}
		}
	};
	return PAF.plugins.ErrorMsg ;
}(jQuery));

 

分享到:
评论

相关推荐

    jQuery弹出层插件三种简单遮罩弹出框效果

    本文将深入探讨标题所提及的"jQuery弹出层插件三种简单遮罩弹出框效果",以及如何利用jQuery实现这些效果。 首先,让我们了解什么是弹出层和遮罩弹出框。弹出层(Popup Layer)是一种常见的网页交互设计,当用户...

    Jquery自带弹出框效果

    总之,jQuery自带的弹出框效果——jQuery UI Dialog,是一个强大且灵活的工具,可以满足从简单的信息提示到复杂的交互式对话的需求。通过深入理解和熟练运用,我们可以创建出更具吸引力和用户友好性的Web应用界面。

    CSS3动画过渡的jquery动态弹出框插件_弹出框_

    本主题聚焦于利用CSS3动画过渡效果和jQuery库创建动态弹出框插件。这种结合使得弹出框不仅功能强大,还能提供平滑、吸引人的视觉体验。 首先,让我们了解CSS3中的动画和过渡。CSS3的`transition`属性允许我们在更改...

    弹出框插件

    本篇文章将深入探讨“弹出框插件”,特别是基于jQuery的alert弹出框插件,它以其美观性和易用性而受到开发者的欢迎。 首先,我们要理解什么是弹出框。在Web开发中,弹出框通常是网页内容之外独立显示的小窗口,用于...

    各种jquery弹出框插件

    在网页开发中,jQuery弹出框插件是增强用户体验、展示信息或进行交互的重要工具。这些插件使得创建对话框、提示框、警告框、模态框等变得更加简单。以下是对给定标题和描述中涉及的jQuery弹出框插件的详细解释: 1....

    [jQuery插件] 弹出框

    【jQuery插件 弹出框】是Web开发中常用的一种交互元素,用于向用户显示警告、确认或信息提示。在JavaScript库jQuery中,虽然核心功能并不包含弹出框的实现,但通过各种插件可以轻松地添加这个功能。这篇博客(博文...

    jquery弹出框带实例

    总之,jQuery弹出框是网页交互中的重要组成部分,通过理解基本的JavaScript对话框、自定义模态窗口的创建以及利用jQuery插件,我们可以创建出丰富多样的弹出框效果,提高用户体验。实践中的关键是根据项目需求灵活...

    jQuery弹出层插件三种简单遮罩弹出框效果.rar

    本文将详细介绍jQuery插件"jquery.reveal",它可以帮助我们轻松实现具有遮罩效果的弹出框,为用户提供更加友好的交互体验。 一、jQuery.reveal 插件介绍 "jquery.reveal"是一款基于jQuery的弹出层插件,通过简单的...

    jQuery投资网站弹出框确认表单代码.zip

    `jQuery投资网站弹出框确认表单代码.zip`提供的资源正解决了这个问题,它包含了一个基于jQuery和layer插件的弹出框确认表单。这个功能允许用户在进行重要操作前进行二次确认,增加了用户体验的友好性和安全性。 ...

    JQUERY-window弹出框-组件v1.0

    这个“JQUERY-window弹出框”就是一个这样的插件,它的目的是提供一种简单的方式来创建弹出对话框,而无需开发者编写大量的自定义代码。 弹出框在Web开发中非常常见,它们用于显示警告信息、获取用户输入或展示详细...

    jquery弹出框

    1. `jquery.messager.js`:这是一个扩展jQuery功能的插件,实现了弹出框的逻辑。它可能包含了弹出层的创建、显示、位置调整、大小设置、关闭功能及遮罩效果的实现。通常,这样的插件会提供一系列的API供开发者调用,...

    jquery div 弹出框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果...在实际项目中,还可以结合其他插件如Bootstrap的Modal组件,或自定义jQuery插件,进一步提升弹出框的灵活性和功能。

    超赞的Jquery弹出框插件

    在网页开发中,jQuery弹出框插件是增强用户体验、展示信息或获取用户输入的常用工具。本篇文章将深入探讨“超赞的Jquery弹出框插件”,它支持IE6及以上的浏览器,并且提供了丰富的提示样式,允许开发者进行自定义,...

    jquery右下角弹出框

    5. **自定义脚本**:`yanue.pop.js`可能是一个包含弹出框逻辑的自定义jQuery插件。编写这样的插件通常包括定义一个新的jQuery方法,接收参数来定制行为,如持续时间、动画类型、关闭按钮等。 6. **外部资源**:`...

    jquery弹出框插件

    而“jQuery弹出框插件”则是基于jQuery库开发的一类扩展,用于创建各种类型的对话框或提示框,如警告、确认、信息提示以及模态窗口等。这些插件通常具有高度自定义性,能够帮助开发者快速实现用户界面的互动功能,...

    弹出框 jquery 真实案例

    此外,jQuery还有许多插件可以帮助创建更复杂的弹出框效果,如jQuery UI的Dialog组件,或者Bootstrap的Modal插件。这些插件提供了丰富的选项和预设样式,可以轻松定制弹出框的外观和行为。 总的来说,创建一个弹出...

    jQuery弹出框插件

    总结来说,jQuery弹出框插件是网页开发中增强用户体验的有力工具,它们通过简单易用的API和丰富的定制选项,让开发者能够轻松创建具有专业外观和功能的弹出层。正确理解和使用这些插件,可以帮助提升网站的互动性和...

    jquery插件-弹出框

    首先,jGrowl是一款轻量级的jQuery插件,用于创建各种类型的通知和警告弹出框。它的特点是具有高度自定义性和灵活性,可以方便地调整样式、位置、动画效果等。jGrowl支持多种布局选项,如顶部、底部、左侧或右侧显示...

    jQuery弹出框美化插件

    jQuery弹出框美化插件是一种增强网页交互体验的工具,主要目标是替换JavaScript原生的alert和confirm函数,提供更加美观、自定义化的提示信息窗口。这种插件通常包含丰富的样式和功能,允许开发者根据需求调整弹出框...

    jquery显示漂亮的弹出框的js插件

    传统的弹出框往往设计简单,样式单一,而使用jQuery和专门的弹出框插件,我们可以创建出更加吸引人且功能丰富的提示窗口。 描述中提到“告别了以前单调难看的弹出框时代”,这表明我们可以通过这些插件实现更美观、...

Global site tag (gtag.js) - Google Analytics