Menü

Das Navigationsmenü öffnet sich, wenn Du mit der Maus drüberfährst !
<style type="text/css">
<!--

#slidemenu { position:absolute; left:-80px; width:140px; top:80px; background-color:silver; border:4;  } /* hier die Farbe des Navigationsfeldes */

td.menu { font:16 px tahoma; font-weight:bold;}    -->

</style>


<script type="text/javascript">
<!--

var ns4 = document.layers?1:0;
var dom = document.getElementById?1:0;

function slideRight() {

 if(dom) {
 menu = document.getElementById("slidemenu").style;
 leftend = -2;
 rightend = -117;
  if(parseInt(menu.left) < leftend) {
  menu.left = parseInt(menu.left)+4;
  getup();
  }
 }
 else if(ns4) {
 menu = document.layers["slidemenu"];
 leftend = 122;
 rightend = 8;
  if(menu.left < leftend) {
  menu.left+=4;
  getup(); 
  }
 }
}

function getup() {

if(window.back_timer)
clearTimeout(back_timer);
out_timer = setTimeout("slideRight()",10);
}


function slideLeft() {

 if(dom && (parseInt(menu.left) > rightend)) {
 menu.left = parseInt(menu.left)-4;
 shut();
 }
 else if(ns4 && (menu.left > rightend)) {
 menu.left-=4;
 shut();
 }
}

function shut() {

if(window.out_timer) 
clearTimeout(out_timer);
back_timer = setTimeout("slideLeft()",10);
}

//-->
</script>


<script type="text/javascript">
<!--

if(dom)
document.write('<div id="slidemenu" style="position:absolute; left:-118px; top:80px;" onMouseover="slideRight()" onMouseout="slideLeft()">');

else if(ns4)
document.write('<layer id="slidemenu" onMouseover="slideRight()" onMouseout="slideLeft()">');

var ref = new Array();

/* ab hier die Adressen austauschen */

ref[0]='<a href="http://www.gloeckner-nbg.de/link/link1.htm">Link 1</a>'; 
ref[1]='<a href="http://www.gloeckner-nbg.de/link/link2.htm">Link 2</a>';
ref[2]='<a href="http://www.gloeckner-nbg.de/link/link3.htm">Link 3</a>';
ref[3]='<a href="http://www.gloeckner-nbg.de/link/link4.htm">Link 4</a>';
ref[4]='<a href="http://www.gloeckner-nbg.de/link/link5.htm">Link 5</a>';
ref[5]='<a href="http://www.gloeckner-nbg.de/link/link6.htm">Link 6</a>';
ref[6]='<a href="http://www.gloeckner-nbg.de/link/link7.htm">Link 7</a>';  

/*weitere Links kannst Du hinzufügen */

document.writeln('<table border="3" cellpadding="0" cellspacing="0" width="142" height="200"><tr><td class="menu"> ' + ref[0] + '</td><td rowspan="7" align="center" width="22" bgcolor="silver"><b>N<br>a<br>v<br>i<br>g<br>a<br>t<br>i<br>o<br>n</b></td></tr>');


/* bei rowspan steht die Zahl der Links insgesamt , bei bgcolor die Farbe der Spalte Navigation */


for (i = 1; i < ref.length; i++) {
document.writeln('<tr><td class="menu"> ' + ref[i] + '</td></tr>');
}
document.write('</table>');


if(dom)
document.write('</div>');
else
document.write('</layer>');

//-->
</script>