drop over menü
- Themenstarter draig
- Beginndatum
Sven Mintel
Mitglied
mega thanksDu könntest das mit einem <span>-Tag realiesieren(so ähnlich). Dazu musst du in einem Stylesheet am besten eine Klasse dafür machen:
span.hidden{
position: absolute;
visibility: hidden;
}
Dann wird ein solcher span Tag am anfang nicht angezeigt. Und dann so ähnlich:
<html>
<head>
<title>Drop over</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css"></link>
<script language="JavaScript">
<!--
function drop_over()
{
span = eval("span1.style")
span.visibility = "visible"
span.left = 10
span.top = 10
}
function drop_out()
{
span = eval("span1.style")
span.visibility = "hidden"
span.left = 0
span.top = 0
}
-->
</script>
<span id="span1" class="hidden"><table width="50" bgcolor="#FFFF00"><tr><td>home<hr>news<hr>kontakt<hr></td></tr></table></span>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<label id="button" onmouseover="drop_over()" onmouseleave="drop_out()">Button</label>
</body>
</html>
Nun musst du halt noch die Position berechnen, und für die Mausposition ein richtiges Testscript schreiben, damit du auch auf die Tabelle im span klicken kannst. Dann noch Links in die Tabelle und fertig. So hab ich schon tolle Menüs gemacht. Läuft auf jeden Fall beim IE, bei Slim und ich glaub auch beim Konqueror.
gruß stephsto
span.hidden{
position: absolute;
visibility: hidden;
}
Dann wird ein solcher span Tag am anfang nicht angezeigt. Und dann so ähnlich:
<html>
<head>
<title>Drop over</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css"></link>
<script language="JavaScript">
<!--
function drop_over()
{
span = eval("span1.style")
span.visibility = "visible"
span.left = 10
span.top = 10
}
function drop_out()
{
span = eval("span1.style")
span.visibility = "hidden"
span.left = 0
span.top = 0
}
-->
</script>
<span id="span1" class="hidden"><table width="50" bgcolor="#FFFF00"><tr><td>home<hr>news<hr>kontakt<hr></td></tr></table></span>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<label id="button" onmouseover="drop_over()" onmouseleave="drop_out()">Button</label>
</body>
</html>
Nun musst du halt noch die Position berechnen, und für die Mausposition ein richtiges Testscript schreiben, damit du auch auf die Tabelle im span klicken kannst. Dann noch Links in die Tabelle und fertig. So hab ich schon tolle Menüs gemacht. Läuft auf jeden Fall beim IE, bei Slim und ich glaub auch beim Konqueror.
gruß stephsto
