菜单代码-菜单特效-自动收缩菜单-网页特效代码(www.7stk.com)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>有声有色 2004 - 特效名称：WinXP渐显声效菜单</title> </head> <body> <SCRIPT language="JavaScript"> </style>'); document.write('<bgsound src="" loop="0" id="theBS"> '); var SubMenuList = new Array(); var NowSubMenu = ""; var mouseCanSound = true; var menuSpeed = 50; var alphaStep = 30; function TopMenu(objName,L,T) { this.id = "Menu_"+objName; this.obj = objName; this.length = 0; this.L = L this.T = T this.addTopMenu = addTopMenu; this.addTopLink = addTopLink; this.returnAll = returnAll document.body.insertAdjacentHTML('afterBegin','<div id="temp_'+this.id+'" style="display: none;"><table id="'+this.id+'" border="0" cellspacing="0" cellpadding="0" class="menutableT" ><tr></tr></table></div>'); } function returnAll(str) { var obj = eval("temp_"+this.id); str = eval(str) var tempstr = obj.innerHTML obj.outerHTML = ""; str.insertAdjacentHTML('beforeEnd',tempstr) } function SubMenu(objName,objID) { this.obj = objName; this.id = objID; this.addMenu = addMenu; this.addLink = addLink; this.addHR = addHR; this.length = 0; } function addTopMenu(word,icon,title) { var subID = this.id + "_" + this.length; var subObj = this.obj+"["+this.length+"]"; var oldID = this.id; eval(subObj+"= new SubMenu('"+subObj+"','"+subID+"')"); makeTopMenu(subID,oldID,word,icon,title); this.length++; } function addTopLink(word,icon,url,target,title) { var subID = this.id + "_" + this.length; var oldID = this.id; makeTopLink(subID,oldID,word,icon,url,target,title); this.length++; } function makeTopMenu(subID,oldID,word,icon,thetitle) { icon=''; if(!thetitle||thetitle==""){thetitle = '';} var Oobj = document.getElementById(oldID); var TempTableStr = '<table border="0" cellspacing="0" cellpadding="0" style="font-size: 12px">' + '<tr class="menutrout" id="tr'+subID+'" onmousedown="TMtrClick(this)" onmouseover="MtrOver(this,1);this.MH=false" title="'+thetitle+'" onmouseup="event.cancelBubble=true">' + '<td class="menutd0">'+icon+'</td>' + '<td><nobr class=indentWord>'+word+'</nobr></td>' + '<td class="menutd2"> </td>' + '</tr></table>' Oobj.rows(0).insertCell().innerHTML = TempTableStr document.body.insertAdjacentHTML('beforeEnd','<table id="'+subID+'" border="0" cellspacing="0" cellpadding="0" style="top: 0; left: 0; visibility: hidden; filter:Alpha(Opacity=0);" class="menutable" ></table>'); } function makeTopLink(subID,oldID,word,icon,url,target,thetitle) { var thelink = ''; icon=''; if(!thetitle||thetitle==""){thetitle = '';} if(url&&url!=""){thelink += '<a href="'+url+'" '; if(target&&target!=""){thelink += ' '; thelink += 'target="'+target+'" '} thelink += '></a>';} var Oobj = document.getElementById(oldID); var TempTableStr = '<table border="0" cellspacing="0" cellpadding="0" style="font-size: 12px">' + '<tr class="menutrout" id="tr'+subID+'" onmouseout="LtrOut(this,1)" onmouseover="LtrOver(this,1)" onclick="MtrClick(this,1)" title="'+thetitle+'">' + '<td class="menutd0">'+icon+'</td>' + '<td>'+thelink+'<nobr class=indentWord>'+word+'</nobr></td>' + '<td class="menutd2"> </td>' + '</tr></table>' Oobj.rows(0).insertCell().innerHTML = TempTableStr } function addMenu(word,icon,url,target,title) { var subID = this.id + "_" + this.length; var subObj = this.obj+"["+this.length+"]"; var oldID = this.id; eval(subObj+"= new SubMenu('"+subObj+"','"+subID+"')"); makeMenu(subID,oldID,word,icon,url,target,title); this.length++; } function addLink(word,icon,url,target,title) { var subID = this.id + "_" + this.length; var oldID = this.id; makeLink(subID,oldID,word,icon,url,target,title); this.length++; } function addHR() { var oldID = this.id; var Oobj = document.getElementById(oldID); Oobj.insertRow(); Oobj.rows(Oobj.rows.length-1).insertCell(); with(Oobj.rows(Oobj.rows.length-1)) { cells(0).colSpan= 4; cells(0).insertAdjacentHTML('beforeEnd','<hr class="menuhr" size="1" width="95%">'); } } function makeMenu(subID,oldID,word,icon,url,target,thetitle) { var thelink = ''; icon = ''; if(!thetitle||thetitle==""){thetitle = '';} if(url&&url!=""){thelink += '<a href="'+url+'" '; if(target&&target!=""){ thelink += ' ';thelink += 'target="'+target+'" '} thelink += '></a>';} var Oobj = document.getElementById(oldID); Oobj.insertRow(); with(Oobj.rows(Oobj.rows.length-1)) { id = "tr"+subID; className = "menutrout"; title = thetitle; } eventObj = "tr"+subID; eval(eventObj+'.attachEvent("onmouseover",MtrOver('+eventObj+'))'); eval(eventObj+'.attachEvent("onclick",MtrClick('+eventObj+'))'); var trObj = eval(eventObj); for(i=0;i<4;i++){trObj.insertCell();} with(Oobj.rows(Oobj.rows.length-1)) { cells(0).className = "menutd0"; cells(0).innerHTML = icon; cells(1).innerHTML = thelink+'<nobr class=indentWord>'+word+'</nobr>'; cells(1).calssName = "indentWord" cells(2).className = "menutd1"; cells(2).innerHTML = "4"; cells(3).className = "menutd2"; cells(3).innerText = " "; } document.body.insertAdjacentHTML('beforeEnd','<table id="'+subID+'" border="0" cellspacing="0" cellpadding="0" style="top: 0; left: 0; visibility: hidden; filter:Alpha(Opacity=0);" class="menutable"></table>'); } function makeLink(subID,oldID,word,icon,url,target,thetitle) { var thelink = ''; icon = ''; if(!thetitle||thetitle==""){thetitle = '';} if(url&&url!=""){thelink += '<a href="'+url+'" '; if(target&&target!=""){ thelink += ' '; thelink += 'target="'+target+'" '} thelink += '></a>';} var Oobj = document.getElementById(oldID); Oobj.insertRow(); with(Oobj.rows(Oobj.rows.length-1)){id = "tr"+subID;className = "menutrout";title = thetitle;} eventObj = "tr"+subID; eval(eventObj+'.attachEvent("onmouseover",LtrOver('+eventObj+'))'); eval(eventObj+'.attachEvent("onmouseout",LtrOut('+eventObj+'))'); eval(eventObj+'.attachEvent("onclick",MtrClick('+eventObj+'))'); var trObj = eval(eventObj); for(i=0;i<4;i++){trObj.insertCell();} with(Oobj.rows(Oobj.rows.length-1)){ cells(0).className = "menutd0"; cells(0).innerHTML = icon; cells(1).innerHTML = thelink+'<nobr class=indentWord>'+word+'</nobr>'; cells(2).className = "linktd1"; cells(2).innerText = " "; cells(3).className = "menutd2"; cells(3).innerText = " "; } } function MtrOver(obj,isTop) { if(isTop) { var sonid = obj.id.substring(2,obj.id.length); var topobj = obj.parentElement.parentElement; NowSubMenu = topobj.id; if(obj.className=="menutrout"){mouseWave();} HideMenu(1); SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu; if(isTop){ShowTheMenu(sonid,100)} else{ShowTheMenu(sonid,MPreturn(sonid)) } SubMenuList[returnIndex(obj.id)] = sonid; if(topobj.oldTR){ eval(topobj.oldTR+'.className = "menutrout"'); } obj.className = "menutrin"; topobj.oldTR = obj.id; } else { return sub_over; function sub_over() { var sonid = obj.id.substring(2,obj.id.length); var topobj = obj.parentElement.parentElement; NowSubMenu = topobj.id; if(obj.className=="menutrout"){ mouseWave();} HideMenu(1); SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu; if(isTop){ShowTheMenu(sonid,100)} else{ShowTheMenu(sonid,MPreturn(sonid))} SubMenuList[returnIndex(obj.id)] = sonid; if(topobj.oldTR){eval(topobj.oldTR+'.className = "menutrout"');} obj.className = "menutrin"; topobj.oldTR = obj.id; } } } function LtrOver(obj,isTop) { if(isTop) { var topobj = obj.parentElement.parentElement; NowSubMenu = topobj.id; HideMenu(1); SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu; if(topobj.oldTR){eval(topobj.oldTR+'.className = "menutrout"');} obj.className = "menutrin"; topobj.oldTR = obj.id; } else { return sub_over; function sub_over() { var topobj = obj.parentElement.parentElement; NowSubMenu = topobj.id; HideMenu(1); SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu; if(topobj.oldTR){eval(topobj.oldTR+'.className = "menutrout"');} obj.className = "menutrin"; topobj.oldTR = obj.id; } } } function LtrOut(obj,isTop) { if(isTop){var topobj = obj.parentElement.parentElement; obj.className = "menutrout"; topobj.oldTR = false; } else{return sub_out;function sub_out(){ var topobj = obj.parentElement.parentElement; obj.className = "menutrout"; topobj.oldTR = false; }} } function MtrClick(obj,isTop) { if(isTop){if(obj.cells(1).all.tags("A").length>0){obj.cells(1).all.tags("A")(0).click();}} else{return sub_click;function sub_click(){ if(obj.cells(1).all.tags("A").length>0) {obj.cells(1).all.tags("A")(0).click();}}} } function TMtrClick(obj) { if(obj.MH){ MtrOver(obj,1); obj.MH = false;} else{document.onmouseup(); obj.MH = true;} } function returnIndex(str) { return (str.split("_").length-3) } function ShowTheMenu(obj,num) { var topobj = eval(obj.substring(0,obj.length-2)); var SrcObj = eval(topobj.id.split("_")[1]) var ML = 0 if(SrcObj.L){ML += eval(SrcObj.L)} var MT = 0 if(SrcObj.T){MT += eval(SrcObj.T)} var trobj = eval("tr"+obj); var obj = eval(obj); var TheTDLeft = trobj.parentElement.parentElement.parentElement.offsetLeft; if(num==0){with(obj.style){pixelLeft = topobj.style.pixelLeft +topobj.offsetWidth;pixelTop = topobj.style.pixelTop + trobj.offsetTop;}} if(num==1){with(obj.style){pixelLeft = topobj.style.pixelLeft + topobj.offsetWidth;pixelTop = topobj.style.pixelTop + trobj.offsetTop + trobj.offsetHeight - obj.offsetHeight;}} if(num==2){with(obj.style){pixelLeft = topobj.style.pixelLeft - obj.offsetWidth;pixelTop = topobj.style.pixelTop + trobj.offsetTop;}} if(num==3){with(obj.style){pixelLeft = topobj.style.pixelLeft - obj.offsetWidth;pixelTop = topobj.style.pixelTop + trobj.offsetTop + trobj.offsetHeight - obj.offsetHeight;}} if(num==100){with(obj.style){pixelLeft = document.body.scrollLeft + topobj.offsetLeft + TheTDLeft + ML;pixelTop = document.body.scrollTop + topobj.offsetTop + topobj.offsetHeight + MT;}} obj.style.visibility = "visible"; if(obj.alphaing){clearInterval(obj.alphaing);} obj.alphaing = setInterval("menu_alpha_up("+obj.id+","+alphaStep+")",menuSpeed); } function HideMenu(num) { var thenowMenu = ""; var obj = null; if(num==1){thenowMenu = NowSubMenu} for(i=SubMenuList.length-1;i>=0;i--) { if(SubMenuList[i]&&SubMenuList[i]!=thenowMenu){obj = eval(SubMenuList[i]); if(obj.alphaing){clearInterval(obj.alphaing);} obj.alphaing = setInterval("menu_alpha_down("+obj.id+","+alphaStep+")",menuSpeed); obj.style.visibility = "hidden"; eval("tr"+SubMenuList[i]).className = "menutrout"; SubMenuList[i] = null; } else { if(SubMenuList[i]==thenowMenu){return;} } } NowSubMenu = ""; } function MPreturn(obj) { var topobj = eval(obj.substring(0,obj.length-2)); var trobj = eval("tr"+obj); var x = topobj.style.pixelLeft + topobj.offsetWidth; var y = topobj.style.pixelTop + trobj.offsetTop; obj = eval(obj); var judgerY = obj.offsetHeight + y; var judgerX = obj.offsetWidth + x; var py = 0; var px = 0; if(judgerY>=document.body.clientHeight){py = 1;} if(judgerX>= document.body.clientWidth){px = 2;} return (px+py); } function mouseWave() { if(mouseCanSound){theBS.src= "cbsound.wav";} } function menu_alpha_down(obj,num) { var obj = eval(obj); if(obj.filters.Alpha.Opacity > 0 ){obj.filters.Alpha.Opacity += -num;} else{clearInterval(obj.alphaing);obj.filters.Alpha.Opacity = 0; obj.alphaing = false;obj.style.visibility = "hidden";} } function menu_alpha_up(obj,num) { var obj = eval(obj); if(obj.filters.Alpha.Opacity<100) obj.filters.Alpha.Opacity += num; else{clearInterval(obj.alphaing);obj.filters.Alpha.Opacity = 100;obj.alphaing = false;} } function document.onmouseup() { HideMenu(); } // End --> </SCRIPT> <SCRIPT language="JavaScript">  </SCRIPT> </body> </html>

多级菜单代码，效果不错，鼠标移至连接上会改变颜色

还有声音提示。

网页特效代码提供，欢迎访问本站