show / hide layer

Det er ikke en menu jeg umiddelbart kan anbefale, som den er i det eksempel, da den arbejder med klasseskift on-the-fly, men ellers er teknikken simpel nok:

onmouseover="showInfo(3)"

-- og et java script:

<script type="text/javascript">
function showInfo(num){
  var divs = document.getElementsByTagName('DIV');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.indexOf('info')==0)
      divs[i].style.display = 'none';
  }
  document.getElementById('info'+num).style.display = 'block';
}

-- og en stribe divs, hvor du vil have dem frem:

<div id="info" style="width:200px;height:100px;display:block;">Standard-info for ikke valgt noget</div>
<div id="info1" style="width:200px;height:100px;display:none;">Info for valgt punkt 1</div>
<div id="info2" style="width:200px;height:100px;display:none;">Info for valgt punkt 2</div>
<div id="info3" style="width:200px;height:100px;display:none;">Info for valgt punkt 3</div>
...