Luigihausen
Grünschnabel
Habe mit dem folgendem Code Problem bei Netscape 6, mit dem IE6 es ohne Probleme. Wie kann ich es bei beiden zum funzen bringen?
Code:
<html>
<head>
<title>Test</title>
</head>
<BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="init()">
<Center>
<style>
.menu
{
position: absolute;
z-index: 1;
padding:5;
border-width: 1;
border-style: ridge;
background-color: blue;
color: white;
}
</style>
<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=3;
var delay=20;
function do_menu(menu)
{
for(i=0; i<maxmenus; i++)
{
if(menu!=i && mpos[i]>-122)
{
mdir[i]=-4;
if(mpos[i]>=30)
move_menu(i);
}
}
mdir[menu]=-mdir[menu];
if(mpos[menu]<=-122 || mpos[menu]>=30)
move_menu(menu);
}
function move_menu(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
document.layers["menu"+menu].top=mpos[menu];
else
document.all["menu"+menu].style.top=mpos[menu];
if(mpos[menu]>-122 && mpos[menu]<30)
setTimeout("move_menu("+menu+")", delay);
}
function init()
{
for(i=0; i<maxmenus; i++)
{
mpos[i]=-122;
mdir[i]=-4;
}
}
</script>
<div class="menu" style="top:0; left:10; width: 100; z-index:2"><a
href="javascript:do_menu(0)"><b>
<p>Account</b></a> </p>
</div><div id="menu0" class="menu" style="top:-122; left:10; width: 200;">
<p>Der Wüstenplanet<br>
Mona Lisa Overdrive<br>
Chinesische Märchen<br>
Banana Kyoshito</p>
</div><div class="menu" style="top:0; left:130; z-index:2; width: 100; background: orange"><a
href="javascript:do_menu(1)"><b>
<p>Tippen</b></a> </p>
</div><div id="menu1" class="menu"
style="top:-122; left:130; width: 200; background: orange">
<p>Gute Nacht, Mutter<br>
Scream<br>
Romeo & Julia </p>
</div><div class="menu" style="top:0; left:250; z-index:2; width: 100; background: red"><a
href="javascript:do_menu(2)"><b>
<p>Ergebnisse</b></a> </p>
</div><div id="menu2" class="menu" style="top:-122; left:250; width: 200; background: red">
<p>USA, Mexiko<br>
England<br>
Spanien<br>
Thailand</p>
</div>
</center>
</body>
</html>
