document.write(''); (function _global_menu_config () { var _global_menu_link = document.getElementById("global-menu-link"); var _global_menu_element = document.getElementById("global-menu"); var _global_menu_timeout = 0; if(!_global_menu_link) { console.log(">>> GLOBAL MENU ERROR <<< : document.getElementById('global-menu-link') undefined"); return; } if(!_global_menu_element) { console.log(">>> GLOBAL MENU ERROR <<< : document.getElementById('global-menu') undefined"); return; } //try add a link var _global_menu_EX = { addEvent: function (k, v) { var me = this; if (me.addEventListener) me.addEventListener(k, v, false); else if (me.attachEvent) me.attachEvent("on" + k, v); else me["on" + k] = v; }, removeEvent: function (k, v) { var me = this; if (me.removeEventListener) me.removeEventListener(k, v, false); else if (me.detachEvent) me.detachEvent("on" + k, v); else me["on" + k] = null; }, stop: function (evt) { evt = evt || window.event; evt.stopPropagation ? evt.stopPropagation() : evt.cancelBubble = true; } }; _global_menu_element.style.width = 120 * (5) + 2 + "px"; _global_menu_element.onclick = _global_menu_EX.stop; function _show_global_menu(event) { var _link_top = getScrollTop() + 50; var _link_left = event.clientX; if(jQuery) { _link_left = jQuery("#global-menu-link").position().left; } console.log("top = " + _link_top + ", left = " + _link_left); _global_menu_element.style.top = _link_top + "px"; _global_menu_element.style.left = _link_left + "px"; _global_menu_element.style.position="absolute"; if(jQuery) { jQuery(_global_menu_element).slideDown("fast"); } else { console.log("--original show-global-menu--"); _global_menu_element.style.display = ""; } _global_menu_timeout = setTimeout(function(){ _global_menu_EX.addEvent.call(document,"click",_hide_global_menu);}, -1); } function _hide_global_menu() { //console.log("--hide-global-menu--"); if(jQuery) { jQuery(_global_menu_element).slideUp("fast"); } else { _global_menu_element.style.display = "none"; } _global_menu_EX.removeEvent.call(document, "click", _hide_global_menu); clearTimeout(_global_menu_timeout); } function getScrollTop() { var scrollTop = document.body.scrollTop; if (document.compatMode === "BackCompat") { scrollTop = document.body.scrollTop; } else if(document.compatMode == "CSS1Compat") { scrollTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; } return scrollTop; } _global_menu_link.onclick = _show_global_menu; var _globalNavBar = document.getElementById("globalNavBar"); var _globalNavBarCt = document.getElementById("globalNavBarCt"); window.onscroll = function(){//右侧滚动条监控事件 var scrollTop = getScrollTop(); _hide_global_menu(); if(scrollTop > 100){ _globalNavBar.className = _globalNavBar.className.replace("global-navbar-light", "global-navbar-dark") .replace("xxx", "global-navbar-opacity"); _globalNavBarCt.className = _globalNavBarCt.className.replace("xxx", "global-navbar-container-noborder"); } else { _globalNavBar.className = _globalNavBar.className.replace("global-navbar-dark", "global-navbar-light") .replace("global-navbar-opacity", "xxx"); _globalNavBarCt.className = _globalNavBarCt.className.replace("global-navbar-container-noborder", "xxx"); } } /* 初始化导航菜单,只能导航到页面。参数:[ { text: "首页", herf : "/", active : "true" } ] */ window.initNavLink = function(links) { if(links && links.length > 0) { var html = ""; for(var i = 0; i < links.length; i++) { var item; if(links[i].target) { item = '
  • ' + links[i].text + '
  • '; } else { item = '
  • ' + links[i].text + '
  • '; } html += item; } var glinkElement = document.getElementById("globalNavBarLinks"); glinkElement.innerHTML = html; } } })();