webdesign rosenheim werbedesign rosenheim gomobile Information

Den aktiven Menüpunkt mit JavaScript und CSS gestalten

Nachfolgenden Code geben Sie im body Bereich ein:

<script language="JavaScript">
for (var i = 0; i < document.links.length; i++)
{
  if (document.links[i].href == location.href)
    {
      document.links[i].className = "menu_aktiv"; 
      break; 
    }
}
</script>

 
Hier wird überprüft, ob einer der Menüpunkte der Url entspricht. Wenn ja, bekommt dieser einen per CSS vorher erstellten Klassennamen. Damit unterscheidet sich dieser von den inaktiven Menüpunkten.