gdymtsceshi/WebContent/assets/lib/jquery.notify/js/jquery.notify.js

/**
 * jQuery notify v1.0
 * 2015 Yefei <316606233@qq.com>
 * 
 * $('<p>Hello World!</p>').notify();
 * $('<p>Hello World!</p>').notify('error');
 * $('<p>Hello World!</p>').notify({sticky: true});
 * 
 * <p class="notify" data-notify-type="error">Error!</p>
 * <p class="notify" data-notify-type="success sticky">Sticky Info</p>
 * $('.notify').notify();
 */

!function($) {
	var types = ['notice', 'warning', 'error', 'success'];
	var audio;
	
	var settings = {
		inEffect: {
			opacity: 'show'
		},
		inEffectDuration: 100,
		stay: 5000,
		sticky: false,
		type: 'notice',
		position: 'top-right',
		sound: null
	};
	
	function dataSetting(el, options, name) {
		var data = el.data('notify-' + name);
		if (data) options[name] = data;
	};
	
	var Notify = function(el, options){
		var el = $(el);
		var $this = this;
		var dataSettings = {};
		
		$.each(['type','stay','position'], function(k, v){
			dataSetting(el, dataSettings, v);
		});
		
		if (el.data('notify-sticky')) {
			dataSettings['sticky'] = el.data('notify-sticky') == 'yes';
		}
		
		this.opts = $.extend({}, settings, dataSettings, typeof options == 'object' && options);
		
		// 检查 type 配置里面是否有 sticky 值
		if (this.opts.type.indexOf('sticky') > -1) {
			this.opts.sticky = true;
			this.opts.type = $.trim(this.opts.type.replace('sticky',''));
		}
		
		// 检查 type 类型是否支持
		if (types.indexOf(this.opts.type) == -1) {
			this.opts.type = settings.type;
		}
		
		var wrapAll = (!$('.notify-container').length) ? $('<div></div>').addClass('notify-container').addClass('notify-position-' + this.opts.position).appendTo('body') : $('.notify-container');
		var itemOuter = $('<div></div>').addClass('notify-item-wrapper');
		
		this.itemInner = $('<div></div>').hide().addClass('notify-item notify-type-' + this.opts.type).appendTo(wrapAll).append(el).animate(this.opts.inEffect, this.opts.inEffectDuration).wrap(itemOuter);
		
		$('<div></div>').addClass('notify-item-close').prependTo(this.itemInner).click(function(){$this.close()});
		$('<div></div>').addClass('notify-item-image').addClass('notify-item-image-' + this.opts.type).prependTo(this.itemInner);

        navigator.userAgent.match(/MSIE 6/i) && wrapAll.css({top: document.documentElement.scrollTop});
		!this.opts.sticky && setTimeout(function(){$this.close()}, this.opts.stay);
		this.opts.sound && audio && audio.play();
	};
	
	Notify.prototype.close = function () {
		var obj = this.itemInner;
		obj.animate({opacity: '0'}, 600, function() {
			obj.parent().animate({height: '0px'}, 300, function() {
				obj.parent().remove();
			});
		});
	};
	
	$.notifySetup = function(options) {
		$.extend(settings, options);
		if (options['sound']) {
			if (window.HTMLAudioElement) {
				audio = new Audio();
				audio.src = options['sound'];
			}
		}
	};
	
	$.fn.notify = function(options) {
		return this.each(function () {
			if (typeof options == 'string') {
				return new Notify(this, {type: options});
			}
			return new Notify(this, options);
		});
	};

}(window.jQuery);