Mouse Over Tab Menü

Durch die Berührung der oberen Menüleiste, wird die unteren
Einträge fixiert und können dann mit der Maus angeklickt werden.

So ist auf kleinstem Platz eine Menge an Links unterzubringen.
Durch eine klare Struktur wird der User auch nicht erschlagen.

Die Grafik kann hier heruntergeladen werden:
Vergrößerte Darstellung, mit der rechte Maustaste anklicken, dann speichern unter....

HTML-Einbindung
  <script language="JavaScript"> var link_array = new Array(); link_array = [ ["Home","http://www.java24.net","_blank",[["Contact","http://www.java24.net","_blank"],["Link to us","http://www.java24.net","blank"],["Site Traffic","http://www.java24.net/","blank"]]], ["JavaScripts","http://www.java24.net","blank",[["New Scripts","http://www.java24.net","_blank"],["BG Effects","http://www.java24.net","_blank"],["Buttons","http://www.java24.net","_blank"],["Calculators","http://www.java24.net","_blank"],["Calendars","http://www.java24.net","_blank"]]], ["Tutorials","http://www.java24.net","_blank",[["New tutorials","http://www.java24.net","_blank"],["Cookies","http://www.java24.net","_blank"],["Date & time","http://www.java24.net","_blank"],["DHTML","http://www.java24.net","_blank"]]], ["Forum","http://www.java24.net","blank",[["How do I","http://www.java24.net","_blank"],["Script Help","http://www.java24.net","_blank"],["Script Request","http://www.java24.net","_blank"],["Site forum","http://www.java24.net","_blank"]]] ]; var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1; var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1; var ns4=document.layers; function changes(id) { var txt ="<center>"; id = id-1 for(i=0;i<link_array[id][3].length;i++) { txt += "<a href='"+link_array[id][3][i][1]+"' target='"+link_array[id][3][i][2]+"'>" txt += link_array[id][3][i][0]; txt += "</a> " } txt += "</center>" if(ie4||ns6) { dsub_obj.innerHTML = txt; } if(ns4) { dsub_obj=document.dsub; dsub_obj.document.write(txt); dsub_obj.document.close(); } } if(ns4) document.write("<layer><center>") else document.write("<div class=header>") for(i=0;i<link_array.length;i++) { document.write("<img src='arrow_red.gif'> ") document.write("<a href='"+link_array[i][1]+"' target='"+link_array[i][2]+"' onmouseover=changes("+(i+1)+")>") document.write(link_array[i][0]); document.write("</a> ") } if(ns4) document.write("</center></layer><br><layer id=dsub name=dsub class=subheader></layer>") else document.write("</div><div id=dsub name=dsub class=subheader></div>") var dsub_obj if(ns4) { dsub_obj=document.dsub; } if(ie4) { dsub_obj=document.all.dsub; } if(ns6) { dsub_obj=document.getElementById("dsub"); } changes(1); </script>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen