Yezb
/
ss_new_ui_skin_and_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
							/*
 * smartMenu.js 智能上下文菜单插件
 * http://www.zhangxinxu.com/
 *
 * Copyright 2011, zhangxinxu
 *
 * 2011-05-26 v1.0	编写
 * 2011-06-03 v1.1	修复func中this失准问题
 * 2011-10-10 v1.2  修复脚本放在<head>标签中层无法隐藏的问题
 * 2011-10-30 v1.3  修复IE6~7下二级菜单移到第二项隐藏的问题
 */

(function ($) {
	var D = $(document).data("func", {});
	$.smartMenu = $.noop;
	$.fn.smartMenu = function (data, options) {
		var B = $("body"), defaults = {
			name: "",
			offsetX: 2,
			offsetY: 2,
			textLimit: 6,
			beforeShow: $.noop,
			afterShow: $.noop,
			clickType:"right"
		};
		var params = $.extend(defaults, options || {});//参数

		var htmlCreateMenu = function (datum) {
			var dataMenu = datum || data, nameMenu = datum ? Math.random().toString() : params.name, htmlMenu = "", htmlCorner = "", clKey = "smart_menu_";
			if ($.isArray(dataMenu) && dataMenu.length) {
				htmlMenu = '<div id="smartMenu_' + nameMenu + '" class="' + clKey + 'box">' +
				'<div class="' + clKey + 'body">' +
				'<ul class="' + clKey + 'ul">';

				$.each(dataMenu, function (i, arr) {
					if (i) {
						htmlMenu = htmlMenu + '<li class="' + clKey + 'li_separate">&nbsp;</li>';
					}
					if ($.isArray(arr)) {
						$.each(arr, function (j, obj) {
							var text = obj.text, htmlMenuLi = "", strTitle = "", rand = Math.random().toString().replace(".", "");
							if (text) {
								if (text.length > params.textLimit) {
									text = text.slice(0, params.textLimit) + "…";
									strTitle = ' title="' + obj.text + '"';
								}
								if ($.isArray(obj.data) && obj.data.length) {
									htmlMenuLi = '<li class="' + clKey + 'li" data-hover="true">' + htmlCreateMenu(obj.data) +
									'<a href="javascript:" class="' + clKey + 'a"' + strTitle + ' data-key="' + rand + '"><i class="' + clKey + 'triangle"></i>' + text + '</a>' +
									'</li>';
								} else {
									htmlMenuLi = '<li class="' + clKey + 'li">' +
									'<a href="javascript:" class="' + clKey + 'a"' + strTitle + ' data-key="' + rand + '">' + text + '</a>' +
									'</li>';
								}

								htmlMenu += htmlMenuLi;

								var objFunc = D.data("func");
								objFunc[rand] = obj.func;
								D.data("func", objFunc);
							}
						});
					}
				});

				htmlMenu = htmlMenu + '</ul>' +
				'</div>' +
				'</div>';
			}
			return htmlMenu;
		}, funSmartMenu = function () {
			var idKey = "#smartMenu_", clKey = "smart_menu_", jqueryMenu = $(idKey + params.name);
			if (!jqueryMenu.size()) {
				$("body").append(htmlCreateMenu());
				
				//事件
				$(idKey + params.name + " a").bind("click", function () {
					var key = $(this).attr("data-key"),
						callback = D.data("func")[key];
					if ($.isFunction(callback)) {
						callback.call(D.data("trigger"));
					}
					$.smartMenu.hide();
					return false;
				});
				$(idKey + params.name + " li").each(function () {
					var isHover = $(this).attr("data-hover"), clHover = clKey + "li_hover";

					$(this).hover(function () {
						var jqueryHover = $(this).siblings("." + clHover);
						jqueryHover.removeClass(clHover).children("." + clKey + "box").hide();
						jqueryHover.children("." + clKey + "a").removeClass(clKey + "a_hover");

						if (isHover) {
							$(this).addClass(clHover).children("." + clKey + "box").show();
							$(this).children("." + clKey + "a").addClass(clKey + "a_hover");
						}

					});

				});
				return $(idKey + params.name);
			}
			return jqueryMenu;
		};

		$(this).each(function () {
			this.oncontextmenu = function (e) {
				//回调
				if ($.isFunction(params.beforeShow)) {
					params.beforeShow.call(this);
				}
				e = e || window.event;
				//阻止冒泡
				e.cancelBubble = true;
				if (e.stopPropagation) {
					e.stopPropagation();//防止事件再次传播
				}
				//隐藏当前上下文菜单，确保页面上一次只有一个上下文菜单
				$.smartMenu.hide();
				var st = D.scrollTop();
				var jqueryMenu = funSmartMenu();
				if (jqueryMenu) {
					jqueryMenu.css({
						display: "block",
						left: e.clientX + params.offsetX,
						top: e.clientY + st + params.offsetY
					});
					D.data("target", jqueryMenu);
					D.data("trigger", this);
					//回调
					if ($.isFunction(params.afterShow)) {
						params.afterShow.call(this);
					}
					return false;
				}
			};
		});
		if (!B.data("bind")) {
			B.bind("click", $.smartMenu.hide).data("bind", true);
		}
	};
	$.extend($.smartMenu, {
		hide: function () {
			var target = D.data("target");
			if (target && target.css("display") === "block") {
				target.hide();
			}
		},
		remove: function () {
			var target = D.data("target");
			if (target) {
				target.remove();
			}
		}
	});
})(jQuery);