mouseOver Tranparentes Menu [Archiv]

Roberto

20-09-2015, 13:14

Hallo

Das ist mein erstes Javascript.
ich versuche die Transparenz des Menüs zu verändern.
Wenn die Maus auf div kommt soll das Menüs sichtbarer werden
Wenn die Maus vom div weg geht soll es Transparenter werden.

<html>
<head>

<script>
var c = 98;

function mouseOver()
{
c += 1;
document.getElementById("demo").style.opacity = '0.'+c;
if(c >= 98)
{
var ani = setTimeout( mouseOver, 3);
}
}
mouseOver();

function mouseOut()
{
c -= 1;
document.getElementById("demo").style.opacity = '0.'+c;
if(c >= 1)
{
var ani = setTimeout( mouseOut, 3);
}
}
mouseOut();
</script>
</head>
<body>

<div style="background-color:#AAAAAA;" id="demo" onmouseover="mouseOver()" onmouseout="mouseOut()">
<br />
<a href="link1">Link1Link1Link1Link1Link1Link1</a><br />
<a href="link2">Link2Link2Link2Link2Link2Link2</a><br />
<a href="link3">Link3Link3Link3Link3Link3Link3</a><br />
<br />
</div>

</body>
</html>

das script fängt wieder Neu an wenn opacity bei 98 ist. Gibt es eine Möglichkeit es zu Stoppen? So lange die Maus auf dem Menü ist.
Wenn die Maus vom Menü entfernt wird soll die Transparenz wieder abnehmen bis auf 0 abnehmen.

Vielen Dank im vorfällt