sample<SCRIPT LANGUAGE="JavaScript">
<!--
function hide()
{
s.style.display = "none";
}
//-->
</SCRIPT>
<body onload="setTimeout('hide()',2000)">
<span id="s">I'am coming.</span>
</body>
<!--
function hide()
{
s.style.display = "none";
}
//-->
</SCRIPT>
<body onload="setTimeout('hide()',2000)">
<span id="s">I'am coming.</span>
</body>
<!--
function funshow(i)
{
var ingc;
document.form1.all['DD'+i].style.display='';
for(ingc=1;ingc<4;ingc++)
{
if (ingc != i)
{
document.form1.all['DD'+ingc].style.display='none';
}
}
}
function funout()
{
var o = event.srcElement.id;
switch (o)
{
case 'D1':
document.all.DD1.style.display='none';
window.setTimeout('funshow(1)',2000);
break;
case 'D2':
document.all.DD2.style.display='none';
window.setTimeout('funshow(2)',2000);
break;
case 'D3':
document.all.DD3.style.display='none';
window.setTimeout('funshow(3)',2000);
break;
}
}
//-->
</script><form name=form1>
<table>
<tr height="90">
<td>
<div id=D1 onmouseout="funout();">菜单项目1</div>
</td>
<td width="200" align="right">
<div id=DD1 style=display:none>子菜单项目1</div>
</td>
</tr>
<tr height="90">
<td>
<div id=D2 onmouseout="funout();">菜单项目2</div>
</td>
<td width="200" align="right">
<div id=DD2 style=display:none>子菜单项目2</div>
</td>
</tr>
<tr height="90">
<td>
<div id=D3 onmouseout="funout();">菜单项目3</div>
</td>
<td width="200" align="right">
<div id=DD3 style=display:none>子菜单项目3</div>
</td>
</tr>
</table>
</form>
设定为2秒钟后消失~~~