Ausklappbares Menü wenn man mouseover über Bild

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Narutovillage</TITLE>
<SCRIPT type=text/javascript>
<!--
var aktiv;
function mouseout()
{
	document.getElementById('sa').style.visibility = "hidden";
	document.getElementById('sa2').style.visibility = "hidden";
}
function setvisi(x)
{
	document.getElementById(x).style.visibility = "visible";
	document.getElementById(x + '2').style.visibility = "visible";
}
//-->
</SCRIPT>
</HEAD>
<BODY style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" text=#000000 vLink=#ff0000 aLink=#ff0000 link=#ff0000 bgColor=#ffffff>
<IMG onmouseover="setvisi('sa');" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" height=26 src="profil2.gif" width=48>
<IMG id=sa onmouseover="window.clearTimeout(aktiv);" style="LEFT: 0px; VISIBILITY: hidden; WIDTH: 48px; POSITION: absolute; TOP: 0px; HEIGHT: 26px" onmouseout="aktiv=window.setTimeout('mouseout()',300);" src="profil.gif"><BR>
<DIV id=sa2 onmouseover="window.clearTimeout(aktiv);" style="POSITION: absolute; TOP: 26px; LEFT: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; Z-INDEX: 2; VISIBILITY: hidden; MARGIN: 0px; " onmouseout="aktiv=window.setTimeout('mouseout()',300)">
<img src="blah.gif" onMouseover="this.src='blah2.gif'" onMouseout="this.src='blah.gif'" style="width:61px;height:9px;"><br>
<img src="blah.gif" onMouseover="this.src='blah2.gif'" onMouseout="this.src='blah.gif'" style="width:61px;height:9px;"><br>
</DIV>
</BODY></HTML>
weiß zwar nicht, was bei deinem falsch war, aber ich denke so isses einfacher, und es funktioniert
bitte, flooo
 
Zuletzt bearbeitet:
Zurück