nicht angemeldet
Wie schreibe ich dieses script so um, dass die Grafik von links nach rechts hineinscrollt und nicht von oben nach unten?
Ich bin immer wieder kläglich gescheitert.
<HTML>
<body onload="init()" bgcolor="black">
<style>
.menu
{
position: absolute;
top:-150;
width: 100;
padding:5;
border-width: 1;
border-style: solid;
background: purple;
color: white;
}
</style>
<script>
var mpos=new Array();
var mdir=new Array();
var maxmenus=1;
var delay=20;
function do_menu(e, menu)
{
mdir[menu]=-mdir[menu];
if(mpos[menu]<=-165)
{
if(document.layers)
{
document.layers["menu"+menu].top=e.pageY-165;
document.layers["menu"+menu].left=e.pagex;
} else
{
document.all["menu"+menu].style.top=event.y-165;
document.all["menu"+menu].style.left=event.x;
}
move_menu(menu);
}
if(mpos[menu]>=0)
move_menu(menu);
}
function move_menu(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
{
document.layers["menu"+menu].top+=mdir[menu];
document.layers["menu"+menu].clip.top=-mpos[menu];
}
else
{
document.all["menu"+menu].style.top=parseInt(document.all["menu"+menu].style.top)+mdir[menu];
document.all["menu"+menu].style.clip="rect("+(-mpos[menu])+",auto,auto,auto)";
}
if(mpos[menu]>-165 && mpos[menu]<0)
setTimeout("move_menu("+menu+")", delay);
}
function init()
{
for(i=0; i<maxmenus; i++)
{
mpos[i]=-165;
mdir[i]=-4;
}
}
</script>
<div id="menu0" class="menu">
<center><img src="bild.gif"></img><br><font size="2" face="arial">
Hallo</center></font>
</div>
<div id="tester" onmouseover="do_menu(event, 0)" onmouseout="do_menu(event, 0)">
<font color="white" size="1" face="arial">hallo</font></div>
</body>
</HTML>