帮忙看一下：为何下拉菜单有时不能显示出来？

Question

<form id="form1">
<div align="center" id="item11" style="position:absolute; left:120px; top:83px; width:112px; height:20px; z-index:2; background-color: #EA7676; layer-background-color: #EA7676; border: 1px none #000000; filter:alpha(opacity=0);padding-top:4;cursor:hand;font-size:9pt;color:white"
onmouseover="this.style.backgroundColor= '#DA4C4C';stopTimerline()" onmouseout="this.style.backgroundColor= '#EA7676';runTimerline()"><a href="eyes.htm"><font color="white">眼 
部</font></a></div>
<div align="center" id="item12" style="position:absolute; left:120px; top:103px; width:112px; height:20px; z-index:3; background-color: #EA7676; layer-background-color: #EA7676; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt;color:white"
onmouseover="this.style.backgroundColor= '#DA4C4C';stopTimerline()" onmouseout="this.style.backgroundColor= '#EA7676';runTimerline()"><a href="lip.htm"><font color="white">唇 
部</font></a></div>
<div align="center" id="item13" style="position:absolute; left:120px; top:123px; width:112px; height:20px; z-index:4; background-color: #EA7676; layer-background-color: #EA7676; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt;color:white"
onmouseover="this.style.backgroundColor= '#DA4C4C';stopTimerline()" onmouseout="this.style.backgroundColor= '#EA7676';runTimerline()"><a href="face.htm"><font color="white">脸 
部</font></a></div>
<div align="center" id="item14" style="position:absolute; left:120px; top:143px; width:112px; height:20px; z-index:5; background-color: #EA7676; layer-background-color: #EA7676; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt;color:white"
onmouseover="this.style.backgroundColor= '#DA4C4C';stopTimerline()" onmouseout="this.style.backgroundColor= '#EA7676';runTimerline()"><a href="hand.htm"><font color="white">
手 </font></a>
</div>
<div align="center" id="item15" style="position:absolute; left:120px; top:163px; width:112px; height:20px; z-index:6; background-color: #EA7676; layer-background-color: #EA7676; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt;color:white;"
onmouseover="this.style.backgroundColor= '#DA4C4C';stopTimerline()" onmouseout="this.style.backgroundColor= '#EA7676';runTimerline()"><a href="tool.htm"><font color="white">化妆工具</font></a></div>
</form>
<table width="800" border="0" ID="Table2">
<tr>
<td><a href="default.htm"><img src="images\logo.gif" width="164" height="50" border="0"></a></td>
<td>&nbsp;</td>
</tr>
</table>
<TABLE id="Table3" height="28" cellSpacing="0" cellPadding="0" width="800" border="0">
<TR>
<TD><a href="home.htm"><img src="images/home.gif" border="0" alt="home.gif"></a></TD>
<TD><a href="missha.htm"><img src="images/missha.gif" border="0" alt="missha.gif" onmouseover="javascript:stopTimerline();javascript:menuItemIn()"
onmouseout="javascript:runTimerline()"></a></TD>
<TD><a href="lc.htm"><img src="images/lc.gif" border="0" alt="lc.gif"></a></TD>
<TD><a href="oem.htm"><img src="images/oem.gif" border="0" alt="oem.gif"></a></TD>
<TD><a href="newproduct.htm"><img src="images/newproduct.gif" border="0" alt="newproduct.gif"></a></TD>
<TD><a href="introducecom.htm"><img src="images/introducecom.gif" border="0" alt="introducecom.gif"></a></TD>
<TD><a href="contactswithus.htm"><img src="images/contactswithus.gif" border="0" alt="contactswithus.gif"></a></TD>
</TR>
</TABLE>

Answer 1

<script language="JavaScript">var timerlineTimer;
var leftLine = 50;
var timerIn;
var timerOut;var timerlineArray = new Array();
timerlineArray[0]='';
timerlineArray[1]='menuItemOut()';function runTimerline()
{
window.timerlineTimer = setTimeout('menuItemOut()',500);
}function stopTimerline()
{
clearTimeout(window.timerlineTimer);
}function menuItemIn()
{
    if( leftLine != 150)
     {
     item11.filters.alpha.opacity += 100; 
     //item12.filters.alpha.opacity += 100; 
     //item13.filters.alpha.opacity += 100; 
     //item14.filters.alpha.opacity += 100;
     //item15.filters.alpha.opacity += 100;    
     leftLine += 20;
     }
  　else 
     {
     clearTimeout(window.timerIn);
     return false;
     }
  　　timerIn=window.setTimeout('menuItemIn()',1);
}function menuItemOut()
{ 
   clearTimeout(window.timerIn);
  if (leftLine != 0)
     {
      item11.filters.alpha.opacity -= 100;
      //item12.filters.alpha.opacity -= 100;
      //item13.filters.alpha.opacity -= 100;
      //item14.filters.alpha.opacity -= 100;
      //item15.filters.alpha.opacity -= 100; 
      leftLine -= 20;
      }
   else 
     {
     clearTimeout(window.timerOut);
     return false;
     }
  timerOut=window.setTimeout("menuItemOut()",1);
}
</script><div align=center id="item11" style="position:absolute; left:120px; top:83px; width:112px; height:20px; z-index:2; background-color: #EA7676; layer-background-color: #EA7676; border: 1px none #000000; filter:alpha(opacity=0);padding-top:4;cursor:hand;font-size:9pt;color:white" 
onmouseover="this.style.backgroundColor= '#DA4C4C';stopTimerline()" 
onmouseout="this.style.backgroundColor= '#EA7676';runTimerline()"><a href="eyes.htm"><font color="white">眼  部</font></a></div><TD><a href="missha.htm"><img src="images/missha.gif" border="0" alt="missha.gif" onmouseover="stopTimerline();menuItemIn()" onmouseout="runTimerline()"></a></TD>