git-svn-id: https://192.168.57.71/svn/jsgkj@119 931142cf-59ea-a443-aa0e-51397b428577

gkmb/trunk/Mooring/src/main/webapp/lib/notify/jquery.notify.js

@@ -0,0 +1,102 @@
+/**
+ * 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: 'hide'
+		},
+		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);