»
AnglaisFrançaisVietnamien

Imprimer - Static Navigation Menu - JavaScriptBank.com

Version complète: jsB@nk » Menu » Flottables » Static Navigation Menu
URL: https://www.javascriptbank.com/static-navigation-menu.html

Static Navigation Menu © JavaScriptBank.comAjouter un flottable menu de navigation sur votre site avec cette JavaScript! Les deux dimensions de menu et de ses lieux statique sur la page de contenu peut être facilement configuré, ce qui en fait un morceau de gâteau d'intégrer le code de menu pour se conformer à votre disposition. Certainement un des meilleurs DHTML menu systèmes là.

Version complète: jsB@nk » Menu » Flottables » Static Navigation Menu
URL: https://www.javascriptbank.com/static-navigation-menu.html



CSS
<STYLE TYPE="text/css"><!--.menuh{BORDER-COLOR : #FFFF99 ;cursor : hand ;Border-Left : #FFFF99 ;Border-Top : #FFFF99 ;Padding-Left : 1px ;Padding-Top : 1px ;Background-Color : #FFFF99 ;}.menu{Background-Color : white ;}.home{cursor : hand ;}.menulinks{text-decoration:none;}//--></STYLE>


JavaScript
<SCRIPT Language="Javascript1.2"><!--/*Static menu script (By maXimus, maximus@nsimail.com, http://maximus.ravecore.com/)*///configure below variable for menu width, position on pagevar menuwidth=110var offsetleft=10var offsettop=90var ns4=document.layers?1:0var ie4=document.all?1:0var ns6=document.getElementById&&!document.all?1:0function makeStatic() {if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}setTimeout("makeStatic()",0);}if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}if (ie4||ns6||ns4)document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')var menui = new Array();var menul = new Array();//configure below for menu items. Extend list as desiredmenui[0]="JavaScriptBank.com";menui[1]="Link item #";menui[2]="Link item #";menui[3]="Link item #";menui[4]="Link item #";menul[0]="http://JavaScriptBank.com";menul[1]="http://JavaScriptBank.com";menul[2]="http://JavaScriptBank.com";menul[3]="http://JavaScriptBank.com";menul[4]="http://JavaScriptBank.com";for (i=0;i<=menui.length-1;i++)if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=''+menul[i]+''" onmouseover="className='menuh'" onMouseout="className='menu'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor='yellow'" onmouseout="bgColor='white'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}if (ie4||ns6) {document.write('</TABLE></span>')}else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}function menu3(){if (ns6||ie4||ns4)makeStatic()}window.onload=menu3//--></SCRIPT>