Un menu de navigation toujours présent dans la page. Assez facile à configurer.
Démo : en cours.
Etape 1 : Ajouter dans le <HEAD> :
<style> <!-- .menuh { border-color : #FFFF99 ; cursor : hand ; padding : 1px ; background-color : #FFFF99 ; } .menu { background-color : white ; } .home { cursor : hand ; } .menulinks{ text-decoration:none; } //--> </style>
Ce sont quelques feuilles de style pour le menu.
Etape 2 : Ajouter toujours dans le <HEAD> :
<script language="Javascript1.2"> <!-- // Static menu by maXimus at http://absolutegb.com/maximus/ // La largeur du menu var menuwidth=150 // La position par rapport au bord gauche var offsetleft=600 // La position par rapport au bord supérieur var offsettop=60 function makeStatic() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+offsettop} else{eval(document.object1.top=eval(window.pageYOffset+offsettop));} setTimeout("makeStatic()",0); } if (document.all) {document.write('<DIV ALIGN="CENTER" ID="object1" STYLE="Position:absolute; top:20; width:'+menuwidth+'; left:'+offsetleft+'; z-Index:5;cursor:hand;background-color:white"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')} else if (document.layers){ 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 (document.all||document.layers) 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(); // Les éléments du menu menui[0]="Page d\'accueil"; menui[1]="Nouveaux scripts"; menui[2]="Animations de textes "; menui[3]="Animations d'images"; menui[4]="Transitions de pages"; menui[5]="Scrollers "; menui[6]="Le plaisir des yeux"; menui[7]="Scripts divers"; // Les URL des liens associés aux éléments menul[0]="index.htm"; menul[1]="tbnew.htm"; menul[2]="tbtexte.htm"; menul[3]="tbimage.htm"; menul[4]="tbtrans.htm"; menul[5]="tbscroll.htm"; menul[6]="tbyeux.htm"; menul[7]="tbdivers.htm"; for (i=0;i<=menui.length-1;i++) if (document.all) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT size=-1 color=navy>'+menui[i]+'</FONT></TD></TR>')} else if (document.layers){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 (document.all) {document.write('</TABLE></DIV>')} else if (document.layers){document.write('</TABLE></TD></TR></TABLE></LAYER>')} function menu3(){ if (document.all||document.layers) makeStatic() } window.onload=menu3 //--> </script>
Il suffit de configurer :
