Posted by Beshoo on 04/05/07 13:19
Hey gaiz !!!
just aim trying to make a collaps menu on timer Sowhen we over upon
the main the Subs appear slowlly !!! i think its nice i dea ! :)
The problem is when aim roll over the main the subs apperar and on
mouse out the subs dissapear
!! until now is fine !!
BUT even when I roll over the subs THE SUBS dissapear !! :( ??
aiv tried to sove it in more one methode i turnd the subs div to <TD>
but it not work Take the code to get me more :)
alot of thanx in advance :)
-------------------------------------------------------------------------------------------------------------------------------------------------------------
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html;
charset=windows-1256">
<SCRIPT language=javascript>
<!--
var y = 1;
var q = 5;
var g = 0;
function changeheight(x)
{
obj=document.getElementById(x);
if(y>170&&g==0)
{
g=1;return;
}
if(y<2&&g==1)
{
g=0;return;
}
if(g)q=-5;
if(!g)q=5;
y=y+q;
obj.style.height = y + 'px';
t=setTimeout("changeheight(obj.id)",0);
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<div style="background:#FF6600; width:100px;"
onMouseOver="mydiv.style.display='';changeheight('mydiv');"
onMouseOut="changeheight('mydiv');">main1</div>
<div id="mydiv" style=" width:100px; height:0px; background-
color:#FFCC00; overflow:hidden; display:none">Goesadasd Here <br>
Goesadasd Here
<br>
Goesadasd HereGoesadasd Here</div>
<div style="background:#FF6600; width:100px"
onMouseOver="mydiv2.style.display='';changeheight('mydiv2');"
onMouseOut="changeheight('mydiv2');">main1</div>
<div id="mydiv2" style=" width:100px; height:0px; background-
color:#FFCC00; overflow:hidden; display:none">Goesadasd Here <br>
Goesadasd Here
<br>
Goesadasd HereGoesadasd Here</div>
</BODY>
</HTML>
[Back to original message]
|