Joerg: DIV bei MouseOver auf DIV einblenden

Beitrag lesen

SELF-Forum

DIV bei MouseOver auf DIV einblenden

Joerg
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte folgendes realisieren:

Ein DIV, welches das Menü einer Webseite enthält, soll nur eingeblendet werden, wenn man mit der Maus über das DIV fährt. Momentan kann ich das DIV nur einblenden, wenn ich über einen Link ausserhalb des DIVs fahre (siehe Beispiel). Wie schaffe ich es, dass das ausgeblendete DIV selbst der Schalter für seine Sichtbarkeit ist?

------------------

<html>  
  
<head>  
<script>  
function getStyle()  
   {  
      var temp = document.getElementById("main").style.visibility;  
  
      return temp;  
   }  
  
 function switchMain()  
  {  
  
      var current = getStyle();  
  
      if( current == "hidden" )  
       {  
         document.getElementById("main").style.visibility = "visible";  
       }  
       else  
       {  
         document.getElementById("main").style.visibility = "hidden";  
       }  
  }  
  
</script>  
</head>  
  
<body>  
<div id="main" style="visibility: hidden; width: 400px; height:400px; position:absolute; top:100px; left:100px; background-color:red;">Hier koennte Ihre Werbung stehen...</div>  
  
<a href="#" onmouseover="switchMain()" onmouseout="switchMain()">Schalter</a>  
  
</body>  
  
</html>

------------------

Danke für Eure Ideen.

Joerg

Beitrag melden
–
Informationen zu den Bewertungsregeln