js打造DZ论坛上鼠标感应导航菜单

稿源：互联网 2022-04-02 21:40:51 点击： 4542 撤稿纠错

DZ论坛上的鼠标经过弹出菜单特效，js实现这个效果。

以下讨论的是和鼠标感应导航菜单相关的js打造DZ论坛上鼠标感应导航菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。全力打造一流网页特效站！" />
<title>网页特效 js打造DZ论坛上鼠标感应菜单 站长特效网</title>
<style>
ul li{list-style-type:none;}
</style>
<script type="text/javascript">
var lang = new Array();
var userAgent = navigator.userAgent.toLowerCase();
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);
function $(id) {
 return document.getElementById(id);
}
function checkall(form, prefix, checkall) {
 var checkall = checkall ? checkall : 'chkall';
 for(var i = 0; i < form.elements.length; i++) {
  var e = form.elements[i];
  if(e.name && e.name != checkall && (!prefix || (prefix && e.name.match(prefix)))) {
   e.checked = form.elements[checkall].checked;
  }
 }
}
//欢迎来到站长特效网，我们的网址是www.zz js.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function doane(event) {
 e = event ? event : window.event;
 if(is_ie) {
  e.returnValue = false;
  e.cancelBubble = true;
 } else if(e) {
  e.stopPropagation();
  e.preventDefault();
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function fetchCheckbox(cbn) {
 return $(cbn) && $(cbn).checked == true ? 1 : 0;
}
function getcookie(name) {
 var cookie_start = document.cookie.indexOf(name);
 var cookie_end = document.cookie.indexOf(";", cookie_start);
 return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length)));
}
function thumbImg(obj) {
 var zw = obj.width;
 var zh = obj.height;
 if(is_ie && zw == 0 && zh == 0) {
  var matches;
  re = /width=(["']?)(d+)(1)/i;
  matches = re.exec(obj.outerHTML);
  zw = matches[2];
  re = /height=(["']?)(d+)(1)/i;
  matches = re.exec(obj.outerHTML);
  zh = matches[2];
 }
 obj.resized = true;
 obj.style.width = zw + 'px';
 obj.style.height = 'auto';
 if(obj.offsetHeight > zh) {
  obj.style.height = zh + 'px';
  obj.style.width = 'auto';
 }
 if(is_ie) {
  var imgid = 'img_' + Math.random();
  obj.id = imgid;
  setTimeout('try {if ($(''+imgid+'').offsetHeight > '+zh+') {$(''+imgid+'').style.height = ''+zh+'px';$(''+imgid+'').style.width = 'auto';}} catch(e){}', 1000);
 }
 obj.onload = null;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很x好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function imgzoom(obj) {}
function in_array(needle, haystack) {
 if(typeof needle == 'string' || typeof needle == 'number') {
  for(var i in haystack) {
   if(haystack[i] == needle) {
     return true;
   }
  }
 }
 return false;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下x载。
function isUndefined(variable) {
 return typeof variable == 'undefined' ? true : false;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好q记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function mb_strlen(str) {
 var len = 0;
 for(var i = 0; i < str.length; i++) {
  len += str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255 ? (charset == 'utf-8' ? 3 : 2) : 1;
 }
 return len;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集x大量高质量js代码，还有许多广告代码下载。
function setcookie(cookieName, cookieValue, seconds, path, domain, secure) {
 var expires = new Date();
 expires.setTime(expires.getTime() + seconds);
 document.cookie = escape(cookieName) + '=' + escape(cookieValue)
  + (expires ? '; expires=' + expires.toGMTString() : '')
  + (path ? '; path=' + path : '/')
  + (domain ? '; domain=' + domain : '')
  + (secure ? '; secure' : '');
}
//欢迎来到 站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function strlen(str) {
 return (is_ie && str.indexOf('n') != -1) ? str.replace(/r?n/g, '_').length : str.length;
}
function updatestring(str1, str2, clear) {
 str2 = '_' + str2 + '_';
 return clear ? str1.replace(str2, '') : (str1.indexOf(str2) == -1 ? str1 + str2 : str1);
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大 量高质量js代码，还有许多广告代码下载。
function toggle_collapse(objname, noimg) {
 var obj = $(objname);
 obj.style.display = obj.style.display == '' ? 'none' : '';
 if(!noimg) {
  var img = $(objname + '_img');
  img.src = img.src.indexOf('_yes.gif') == -1 ? img.src.replace(/_no.gif/, '_yes.gif') : img.src.replace(/_yes.gif/, '_no.gif');
 }
 var collapsed = getcookie('discuz_collapse');
 collapsed =  updatestring(collapsed, objname, !obj.style.display);
 setcookie('discuz_collapse', collapsed, (collapsed ? 86400 * 30 : -(86400 * 30 * 1000)));
}
function trim(str) {
 return (str + '').replace(/(s+)$/g, '').replace(/^s+/g, '');
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net ，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function _attachEvent(obj, evt, func) {
 if(obj.addEventListener) {
  obj.addEventListener(evt, func, false);
 } else if(obj.attachEvent) {
  obj.attachEvent("on" + evt, func);
 }
}
var jsmenu = new Array();
var ctrlobjclassName;
jsmenu['active'] = new Array();
jsmenu['timer'] = new Array();
jsmenu['iframe'] = new Array();
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记， zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function initCtrl(ctrlobj, click, duration, timeout, layer) {
 if(ctrlobj && !ctrlobj.initialized) {
  ctrlobj.initialized = true;
  ctrlobj.unselectable = true;
  ctrlobj.outfunc = typeof ctrlobj.onmouseout == 'function' ? ctrlobj.onmouseout : null;
  ctrlobj.onmouseout = function() {
   if(this.outfunc) this.outfunc();
   if(duration < 3) jsmenu['timer'][ctrlobj.id] = setTimeout('hideMenu(' + layer + ')', timeout);
  }
  ctrlobj.overfunc = typeof ctrlobj.onmouseover == 'function' ? ctrlobj.onmouseover : null;
  ctrlobj.onmouseover = function(e) {
   doane(e);
   if(this.overfunc) this.overfunc();
   if(click) {
    clearTimeout(jsmenu['timer'][this.id]);
   } else {
    for(var id in jsmenu['timer']) {
     if(jsmenu['timer'][id]) clearTimeout(jsmenu['timer'][id]);
    }
   }
  }
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码x，还有许多广告代码下载。
function initMenu(ctrlid, menuobj, duration, timeout, layer, drag) {
 if(menuobj && !menuobj.initialized) {
  menuobj.initialized = true;
  menuobj.ctrlkey = ctrlid;
  menuobj.onclick = ebygum;
  menuobj.style.position = 'absolute';
  if(duration < 3) {
   if(duration > 1) {
    menuobj.onmouseover = function() {
     clearTimeout(jsmenu['timer'][ctrlid]);
    }
   }
   if(duration != 1) {
    menuobj.onmouseout = function() {
     jsmenu['timer'][ctrlid] = setTimeout('hideMenu(' + layer + ')', timeout);
    }
   }
  }
  menuobj.style.zIndex = 50;
  if(is_ie) {
   menuobj.style.filter += "progid:DXImageTransform.Microsoft.shadow(direction=135,color=#CCCCCC,strength=2)";
  }
  if(drag) {
   menuobj.onmousedown = function(event) {try{menudrag(menuobj, event, 1);}catch(e){}};
   menuobj.onmousemove = function(event) {try{menudrag(menuobj, event, 2);}catch(e){}};
   menuobj.onmouseup = function(event) {try{menudrag(menuobj, event, 3);}catch(e){}};
  }
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特q效，本站收集大量高质量js代码，还有许多广告代码下载。
var menudragstart = new Array();
function menudrag(menuobj, e, op) {
 if(op == 1) {
  if(in_array(is_ie ? event.srcElement.tagName : e.target.tagName, ['TEXTAREA', 'INPUT', 'BUTTON', 'SELECT'])) {
   return;
  }
  menudragstart = is_ie ? [event.clientX, event.clientY] : [e.clientX, e.clientY];
  menudragstart[2] = parseInt(menuobj.style.left);
  menudragstart[3] = parseInt(menuobj.style.top);
  doane(e);
 } else if(op == 2 && menudragstart[0]) {
  var menudragnow = is_ie ? [event.clientX, event.clientY] : [e.clientX, e.clientY];
  menuobj.style.left = (menudragstart[2] + menudragnow[0] - menudragstart[0]) + 'px';
  menuobj.style.top = (menudragstart[3] + menudragnow[1] - menudragstart[1]) + 'px';
  doane(e);
 } else if(op == 3) {
  menudragstart = [];
  doane(e);
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有x许多广告代码下载。
function showMenu(ctrlid, click, offset, duration, timeout, layer, showid, maxh, drag) {
 var ctrlobj = $(ctrlid);
 if(!ctrlobj) return;
 if(isUndefined(click)) click = false;
 if(isUndefined(offset)) offset = 0;
 if(isUndefined(duration)) duration = 2;
 if(isUndefined(timeout)) timeout = 500;
 if(isUndefined(layer)) layer = 0;
 if(isUndefined(showid)) showid = ctrlid;
 var showobj = $(showid);
 var menuobj = $(showid + '_menu');
 if(!showobj|| !menuobj) return;
 if(isUndefined(maxh)) maxh = 400;
 if(isUndefined(drag)) drag = false;
 if(click && jsmenu['active'][layer] == menuobj) {
  hideMenu(layer);
  return;
 } else {
  hideMenu(layer);
 }
 var len = jsmenu['timer'].length;
 if(len > 0) {
  for(var i=0; i<len; i++) {
   if(jsmenu['timer'][i]) clearTimeout(jsmenu['timer'][i]);
  }
 }
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收q集大量高质量js代码，还有许多广告代码下载。
 initCtrl(ctrlobj, click, duration, timeout, layer);
 ctrlobjclassName = ctrlobj.className;
 ctrlobj.className += ' hover';
 initMenu(ctrlid, menuobj, duration, timeout, layer, drag);
 menuobj.style.display = '';
 if(maxh && menuobj.scrollHeight > maxh) {
  menuobj.style.height = maxh + 'px';
  if(is_opera) {
   menuobj.style.overflow = 'auto';
  } else {
   menuobj.style.overflowY = 'auto';
  }
 }
 if(!is_opera) {
  menuobj.style.clip = 'rect(auto, auto, auto, auto)';
 }
//欢x迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
 setMenuPosition(showid, offset);
 if(is_ie && is_ie < 7) {
  if(!jsmenu['iframe'][layer]) {
   var iframe = document.createElement('iframe');
   iframe.style.display = 'none';
   iframe.style.position = 'absolute';
   iframe.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
   $('append_parent') ? $('append_parent').appendChild(iframe) : menuobj.parentNode.appendChild(iframe);
   jsmenu['iframe'][layer] = iframe;
  }
  jsmenu['iframe'][layer].style.top = menuobj.style.top;
  jsmenu['iframe'][layer].style.left = menuobj.style.left;
  jsmenu['iframe'][layer].style.width = menuobj.w;
  jsmenu['iframe'][layer].style.height = menuobj.h;
  jsmenu['iframe'][layer].style.display = 'block';
 }
 if(!duration) {
  setTimeout('hideMenu(' + layer + ')', timeout);
 }
 jsmenu['active'][layer] = menuobj;
}
//欢迎来到站长特效网，我们的网址是www. zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function setMenuPosition(showid, offset) {
 var showobj = $(showid);
 var menuobj = $(showid + '_menu');
 if(isUndefined(offset)) offset = 0;
 if(showobj) {
  showobj.pos = fetchOffset(showobj);
  showobj.X = showobj.pos['left'];
  showobj.Y = showobj.pos['top'];
  showobj.w = showobj.offsetWidth;
  showobj.h = showobj.offsetHeight;
  menuobj.w = menuobj.offsetWidth;
  menuobj.h = menuobj.offsetHeight;
  if(offset < 3) {
   menuobj.style.left = (showobj.X + menuobj.w > document.body.clientWidth) && (showobj.X + showobj.w - menuobj.w >= 0) ? showobj.X + showobj.w - menuobj.w + 'px' : showobj.X + 'px';
   menuobj.style.top = offset == 1 ? showobj.Y + 'px' : (offset == 2 || ((showobj.Y + showobj.h + menuobj.h > document.documentElement.scrollTop + document.documentElement.clientHeight) && (showobj.Y - menuobj.h >= 0)) ? (showobj.Y - menuobj.h) + 'px' : showobj.Y + showobj.h + 'px');
  } else if(offset == 3) {
   menuobj.style.left = (document.body.clientWidth - menuobj.clientWidth) / 2 + document.body.scrollLeft + 'px';
   menuobj.style.top = (document.body.clientHeight - menuobj.clientHeight) / 2 + document.body.scrollTop + 'px';
  }
  if(menuobj.style.clip && !is_opera) {
   menuobj.style.clip = 'rect(auto, auto, auto, auto)';
  }
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.n et，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function hideMenu(layer) {
 if(isUndefined(layer)) layer = 0;
 if(jsmenu['active'][layer]) {
  try {
   $(jsmenu['active'][layer].ctrlkey).className = ctrlobjclassName;
  } catch(e) {}
  clearTimeout(jsmenu['timer'][jsmenu['active'][layer].ctrlkey]);
  jsmenu['active'][layer].style.display = 'none';
  if(is_ie && is_ie < 7 && jsmenu['iframe'][layer]) {
   jsmenu['iframe'][layer].style.display = 'none';
  }
  jsmenu['active'][layer] = null;
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.ne t，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function fetchOffset(obj) {
 var left_offset = obj.offsetLeft;
 var top_offset = obj.offsetTop;
 while((obj = obj.offsetParent) != null) {
  left_offset += obj.offsetLeft;
  top_offset += obj.offsetTop;
 }
 return { 'left' : left_offset, 'top' : top_offset };
}
function ebygum(eventobj) {
 if(!eventobj || is_ie) {
  window.event.cancelBubble = true;
  return window.event;
 } else {
  if(eventobj.target.type == 'submit') {
   eventobj.target.form.submit();
  }
  eventobj.stopPropagation();
  return eventobj;
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记x，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function menuoption_onclick_function(e) {
 this.clickfunc();
 hideMenu();
}
function menuoption_onclick_link(e) {
 choose(e, this);
}
function menuoption_onmouseover(e) {
 this.className = 'popupmenu_highlight';
}
function menuoption_onmouseout(e) {
 this.className = 'popupmenu_option';
}
function choose(e, obj) {
 var links = obj.getElementsByTagName('a');
 if(links[0]) {
  if(is_ie) {
   links[0].click();
   window.event.cancelBubble = true;
  } else {
   if(e.shiftKey) {
    window.open(links[0].href);
    e.stopPropagation();
    e.preventDefault();
   } else {
    window.location = links[0].href;
    e.stopPropagation();
    e.preventDefault();
   }
  }
  hideMenu();
 }
}
function smiletypescroll(direct) {
 if(direct == 0) {
  $('smileytypes').scrollTop -= 28;
 } else {
  $('smileytypes').scrollTop += 28;
 }
}
//欢迎来到站长特x效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var Ajaxs = new Array();
var AjaxStacks = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
var attackevasive = isUndefined(attackevasive) ? 0 : attackevasive;
function Ajax(recvType, waitId) {
 for(var stackId = 0; stackId < AjaxStacks.length && AjaxStacks[stackId] != 0; stackId++);
 AjaxStacks[stackId] = 1;
 var aj = new Object();
 aj.loading = 'Loading...';//public
 aj.recvType = recvType ? recvType : 'XML';//public
 aj.waitId = waitId ? $(waitId) : null;//public
 aj.resultHandle = null;//private
 aj.sendString = '';//private
 aj.targetUrl = '';//private
 aj.stackId = 0;
 aj.stackId = stackId;
 aj.setLoading = function(loading) {
  if(typeof loading !== 'undefined' && loading !== null) aj.loading = loading;
 }
 aj.setRecvType = function(recvtype) {
  aj.recvType = recvtype;
 }
 aj.setWaitId = function(waitid) {
  aj.waitId = typeof waitid == 'object' ? waitid : $(waitid);
 }
 aj.createXMLHttpRequest = function() {
  var request = false;
  if(window.XMLHttpRequest) {
   request = new XMLHttpRequest();
   if(request.overrideMimeType) {
    request.overrideMimeType('text/xml');
   }
  } else if(window.ActiveXObject) {
   var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
   for(var i=0; i<versions.length; i++) {
    try {
     request = new ActiveXObject(versions[i]);
     if(request) {
      return request;
     }
    } catch(e) {}
   }
  }
  return request;
 }
 aj.XMLHttpRequest = aj.createXMLHttpRequest();
 aj.showLoading = function() {
  if(aj.waitId && (aj.XMLHttpRequest.readyState != 4 || aj.XMLHttpRequest.status != 200)) {
   changedisplay(aj.waitId, '');
   aj.waitId.innerHTML = '<span><img src="' + IMGDIR + '/loading.gif"> ' + aj.loading + '</span>';
  }
 }
 aj.processHandle = function() {
  if(aj.XMLHttpRequest.readyState == 4 && aj.XMLHttpRequest.status == 200) {
   for(k in Ajaxs) {
    if(Ajaxs[k] == aj.targetUrl) {
     Ajaxs[k] = null;
    }
   }
   if(aj.waitId) changedisplay(aj.waitId, 'none');
   if(aj.recvType == 'HTML') {
    aj.resultHandle(aj.XMLHttpRequest.responseText, aj);
   } else if(aj.recvType == 'XML') {
    aj.resultHandle(aj.XMLHttpRequest.responseXML.lastChild.firstChild.nodeValue, aj);
   }
   AjaxStacks[aj.stackId] = 0;
  }
 }
 aj.get = function(targetUrl, resultHandle) {
  setTimeout(function(){aj.showLoading()}, 500);
  if(in_array(targetUrl, Ajaxs)) {
   return false;
  } else {
   Ajaxs.push(targetUrl);
  }
  aj.targetUrl = targetUrl;
  aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
  aj.resultHandle = resultHandle;
  var delay = attackevasive & 1 ? (aj.stackId + 1) * 1001 : 100;
  if(window.XMLHttpRequest) {
   setTimeout(function(){
   aj.XMLHttpRequest.open('GET', aj.targetUrl);
   aj.XMLHttpRequest.send(null);}, delay);
  } else {
   setTimeout(function(){
   aj.XMLHttpRequest.open("GET", targetUrl, true);
   aj.XMLHttpRequest.send();}, delay);
  }
 }
 aj.post = function(targetUrl, sendString, resultHandle) {
  setTimeout(function(){aj.showLoading()}, 500);
  if(in_array(targetUrl, Ajaxs)) {
   return false;
  } else {
   Ajaxs.push(targetUrl);
  }
  aj.targetUrl = targetUrl;
  aj.sendString = sendString;
  aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
  aj.resultHandle = resultHandle;
  aj.XMLHttpRequest.open('POST', targetUrl);
  aj.XMLHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  aj.XMLHttpRequest.send(aj.sendString);
 }
 return aj;
}
//欢迎来到站长特效网，我们x的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function newfunction(func){
 var args = new Array();
 for(var i=1; i<arguments.length; i++) args.push(arguments[i]);
 return function(event){
  doane(event);
  window[func].apply(window, args);
  return false;
 }
}
//欢迎来到站长特效网，我们的网址是www.zzj s.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function changedisplay(obj, display) {
 if(display == 'auto') {
  obj.style.display = obj.style.display == '' ? 'none' : '';
 } else {
  obj.style.display = display;
 }
 return false;
}
//欢迎来到站长特效网，我们的网址是www .zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var evalscripts = new Array();
function evalscript(s) {
 if(s.indexOf('<script') == -1) return s;
 var p = /<script[^>]*?src="([^>]*?)"[^>]*?(reload="1")?(?:charset="([w-]+?)")?></script>/ig;
 var arr = new Array();
 while(arr = p.exec(s)) {
  appendscript(arr[1], '', arr[2], arr[3]);
 }
 s = s.replace(p, '');
 p = /<script(.*?)>([^x00]+?)</script>/ig;
 while(arr = p.exec(s)) {
  appendscript('', arr[2], arr[1].indexOf('reload=') != -1);
 }
 return s;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下z载。
function appendscript(src, text, reload, charset) {
 var id = hash(src + text);
 if(!reload && in_array(id, evalscripts)) return;
 if(reload && $(id)) {
  $(id).parentNode.removeChild($(id));
 }
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就.是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
 evalscripts.push(id);
 var scriptNode = document.createElement("script");
 scriptNode.type = "text/javascript";
 scriptNode.id = id;
 scriptNode.charset = charset;
 try {
  if(src) {
   scriptNode.src = src;
  } else if(text){
   scriptNode.text = text;
  }
  $('append_parent').appendChild(scriptNode);
 } catch(e) {}
}
//欢迎来到站长特效网，我们的网.址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function stripscript(s) {
 return s.replace(/<script.*?>.*?</script>/ig, '');
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码.，还有许多广告代码下载。
function ajaxupdateevents(obj, tagName) {
 tagName = tagName ? tagName : 'A';
 var objs = obj.getElementsByTagName(tagName);
 for(k in objs) {
  var o = objs[k];
  ajaxupdateevent(o);
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是.js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function ajaxupdateevent(o) {
 if(typeof o == 'object' && o.getAttribute) {
  if(o.getAttribute('ajaxtarget')) {
   if(!o.id) o.id = Math.random();
   var ajaxevent = o.getAttribute('ajaxevent') ? o.getAttribute('ajaxevent') : 'click';
   var ajaxurl = o.getAttribute('ajaxurl') ? o.getAttribute('ajaxurl') : o.href;
   _attachEvent(o, ajaxevent, newfunction('ajaxget', ajaxurl, o.getAttribute('ajaxtarget'), o.getAttribute('ajaxwaitid'), o.getAttribute('ajaxloading'), o.getAttribute('ajaxdisplay')));
   if(o.getAttribute('ajaxfunc')) {
    o.getAttribute('ajaxfunc').match(/(w+)((.+?))/);
    _attachEvent(o, ajaxevent, newfunction(RegExp.$1, RegExp.$2));
   }
  }
 }
}
//欢迎来到站长特效网，我们的网址是www.zz js.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
/*
 *@ url: 需求请求的 url
 *@ id : 显示的 id
 *@ waitid: 等待的 id，默认为显示的 id，如果 waitid 为空字符串，则不显示 loading...， 如果为 null，则在 showid 区域显示
 *@ linkid: 是哪个链接触发的该 ajax 请求，该对象的属性(如 ajaxdisplay)保存了一些 ajax 请求过程需要的数据。
*/
function ajaxget(url, showid, waitid, loading, display, recall) {
 waitid = typeof waitid == 'undefined' || waitid === null ? showid : waitid;
 var x = new Ajax();
 x.setLoading(loading);
 x.setWaitId(waitid);
 x.display = typeof display == 'undefined' || display == null ? '' : display;
 x.showId = $(showid);
 if(x.showId) x.showId.orgdisplay = typeof x.showId.orgdisplay === 'undefined' ? x.showId.style.display : x.showId.orgdisplay;
 if(url.substr(strlen(url) - 1) == '#') {
  url = url.substr(0, strlen(url) - 1);
  x.autogoto = 1;
 }
//欢迎来到站长特效网，我们的网址是w ww.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
 var url = url + '&inajax=1&ajaxtarget=' + showid;
 x.get(url, function(s, x) {
  evaled = false;
  if(s.indexOf('ajaxerror') != -1) {
   evalscript(s);
   evaled = true;
  }
  if(!evaled && (typeof ajaxerror == 'undefined' || !ajaxerror)) {
   if(x.showId) {
    changedisplay(x.showId, x.showId.orgdisplay);
    changedisplay(x.showId, x.display);
    x.showId.orgdisplay = x.showId.style.display;
    ajaxinnerhtml(x.showId, s);
    ajaxupdateevents(x.showId);
    if(x.autogoto) scroll(0, x.showId.offsetTop);
   }
  }
  if(!evaled)evalscript(s);
  ajaxerror = null;
  if(recall) {eval(recall);}
 });
}
//欢迎来到站长特效c网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var ajaxpostHandle = 0;
function ajaxpost(formid, showid, waitid) {
 showloading();
 var waitid = typeof waitid == 'undefined' || waitid === null ? showid : (waitid !== '' ? waitid : '');
 if(ajaxpostHandle != 0) {
  return false;
 }
 var ajaxframeid = 'ajaxframe';
 var ajaxframe = $(ajaxframeid);
 if(ajaxframe == null) {
  if (is_ie && !is_opera) {
   ajaxframe = document.createElement("<iframe name='" + ajaxframeid + "' id='" + ajaxframeid + "'></iframe>");
  } else {
   ajaxframe = document.createElement("iframe");
   ajaxframe.name = ajaxframeid;
   ajaxframe.id = ajaxframeid;
  }
  //ajaxframe.id = ajaxframeid;
  ajaxframe.style.display = 'none';
  $('append_parent').appendChild(ajaxframe);
 }
 $(formid).target = ajaxframeid;
 ajaxpostHandle = [showid, ajaxframeid, formid, $(formid).target];
 if(ajaxframe.attachEvent) {
  ajaxframe.detachEvent ('onload', ajaxpost_load);
  ajaxframe.attachEvent('onload', ajaxpost_load);
 } else {
  document.removeEventListener('load', ajaxpost_load, true);
  ajaxframe.addEventListener('load', ajaxpost_load, false);
 }
 $(formid).submit();
 return false;
 //$(waitid).innerHTML = 'Loading...';
}
//欢迎来到站长特c效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function ajaxpost_load() {
 showloading('none');
 if(is_ie) {
  var s = $(ajaxpostHandle[1]).contentWindow.document.XMLDocument.text;
 } else {
  var s = $(ajaxpostHandle[1]).contentWindow.document.documentElement.firstChild.nodeValue;
 }
 evaled = false;
 if(s.indexOf('ajaxerror') != -1) {
  evalscript(s);
  evaled = true;
 }
 if(!evaled && (typeof ajaxerror == 'undefined' || !ajaxerror)) {
  ajaxinnerhtml($(ajaxpostHandle[0]), s);
  if(!evaled)evalscript(s);
  setMenuPosition($(ajaxpostHandle[0]).ctrlid, 0);
  setTimeout("hideMenu()", 3000);
 }
 ajaxerror = null;
 if($(ajaxpostHandle[2])) {
  $(ajaxpostHandle[2]).target = ajaxpostHandle[3];
  //$(ajaxpostHandle[2]).removeChild($(ajaxpostHandle[1]));
 }
 ajaxpostHandle = 0;
}
//欢迎来到站z长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function ajaxmenu(e, ctrlid, timeout, func, cache, duration, ismenu, divclass, optionclass) {
 showloading();
 if(jsmenu['active'][0] && jsmenu['active'][0].ctrlkey == ctrlid) {
  hideMenu();
  doane(e);
  return;
 } else if(is_ie && is_ie < 7 && document.readyState.toLowerCase() != 'complete') {
  return;
 }
 if(isUndefined(timeout)) timeout = 3000;
 if(isUndefined(func)) func = '';
 if(isUndefined(cache)) cache = 1;
 if(isUndefined(divclass)) divclass = 'popupmenu_popup';
 if(isUndefined(optionclass)) optionclass = 'popupmenu_option';
 if(isUndefined(ismenu)) ismenu = 1;
 if(isUndefined(duration)) duration = timeout > 0 ? 0 : 3;
 var div = $(ctrlid + '_menu');
 if(cache && div) {
  showMenu(ctrlid, e.type == 'click', 0, duration, timeout, 0, ctrlid, 400, 1);
  if(func) setTimeout(func + '(' + ctrlid + ')', timeout);
  doane(e);
 } else {
  if(!div) {
   div = document.createElement('div');
   div.ctrlid = ctrlid;
   div.id = ctrlid + '_menu';
   div.style.display = 'none';
   div.className = divclass;
   $('append_parent').appendChild(div);
  }
//欢迎来到站长x特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
  var x = new Ajax();
  var href = !isUndefined($(ctrlid).href) ? $(ctrlid).href : $(ctrlid).attributes['href'].value;
  x.div = div;
  x.etype = e.type;
  x.optionclass = optionclass;
  x.duration = duration;
  x.timeout = timeout;
  x.get(href + '&inajax=1&ajaxmenuid='+ctrlid+'_menu', function(s) {
   evaled = false;
   if(s.indexOf('ajaxerror') != -1) {
    evalscript(s);
    evaled = true;
    if(!cache && duration != 3 && x.div.id) setTimeout('$("append_parent").removeChild($('' + x.div.id + ''))', timeout);
   }
   if(!evaled && (typeof ajaxerror == 'undefined' || !ajaxerror)) {
    if(x.div) x.div.innerHTML = '<div class="' + x.optionclass + '">' + s + '</div>';
    showMenu(ctrlid, x.etype == 'click', 0, x.duration, x.timeout, 0, ctrlid, 400, 1);
    if(func) setTimeout(func + '("' + ctrlid + '")', x.timeout);
    //if(!cache && duration != 3 && x.div.id) setTimeout('document.body.removeChild($('' + x.div.id + ''))', timeout);
   }
   if(!evaled) evalscript(s);
   ajaxerror = null;
   showloading('none');
  });
  doane(e);
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>，以质量为核心，以实用为目的，打造一流网页特效站！zzjs.net，站长js特效。<hr>

<ul class="popupmenu_popup headermenu_popup" id="my_menu" style="display: none">
  <li><a href="http://www.zzjs.net">我的话题</a></li>
  <li><a href="http://www.zzjs.net">我的收藏</a></li>
  <li><a href="http://www.zzjs.net" target="_blank">我的空间</a></li>
  </ul>
 <span id="my" class="dropmenu" onmouseover="showMenu(this.id)"><a href="#">我的菜单</a></span>
</body>
</html>

关于js打造DZ论坛上鼠标感应导航菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011010966742.shtml方便下次再访问哦。

·上一篇： js+css设计windows风格导航菜单
·下一篇： js实现tab选项卡滑动门特效

js打造DZ论坛上鼠标感应导航菜单

文章分类LIST >>返回首页

最新游戏

最新新闻