Navi hilfe

[suit]

hm.. mit javascript kenn ich mich garnicht aus gibst es nicht dafür irgendwo ein tutorial wie man genau so eine navi macht

Wie bereits empfohlen solltest du dich mit jQuery anfreunden - dafür brauchst du eigentlich kein JavaScript-Wissen.

Die Selektoren funktionieren wie in CSS und entsprechende Methoden für deinen Zweck sind reichlich vorhanden.

Für ein Menü bestehend aus einer unsortierten Liste innerhalb eines Elements mit der id "navigation" reicht z.B. folgender Schnipsel:

  
function navigation() {  
  // Selektiere alle li-Elemente welche direkte Nachfahren eines ul-Elements innerhalb eines Elements mit der id navigation sind  
  // wende darauf das Event "hover" an  
  $('#navigation ul>li').hover(  
    // Ast für onouseover  
    function() {  
      // füge die Klasse hover hinzu  
      $(this).addClass("hover");  
    },  
    // selbriges, nur für onouseout  
    function() {  
      $(this).removeClass("hover);  
    }  
  );  
}

Somit wird bei onmouseover die klasse "hover" hinzugefügt und bei onmouseout wieder entfernt

Anstatt
 li:hover { z-index: 10; }

kannst du in deinem CSS dann
 li:hover ul,
 li.hover ul { z-index: 10; }

Notieren und so dem IE auch in Genuss eine "Pseudo-Pseudo-Klasse" .hover brinden.