[求助]大家帮我看看这段代码错在哪啊？？？
点击下载该文件
<html>
<head>
<title>index</title>
</head>
<body>
<style>
<!--
#dropmenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
-->
<!--
#dropmenu04{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
-->
</style>
<script language="JavaScript1.2">
var enableeffect=true
var selection=new Array()
if (document.layers)
function dropit2(){
if (document.all){
if (dropmenu03.style.visibility=="hidden"){
if (enableeffect)
dropmenu03.filters.revealTrans.apply()
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}
function dropit(e){
if (document.dropmenu03.visibility=="hide")
document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
return false
}
function hidemenu(){
if (enableeffect)
dropmenu03.filters.revealTrans.stop()
dropmenu03.style.visibility="hidden"
}
function hidemenu2(){
document.dropmenu03.visibility="hide"
}
var enableeffect=true
var selection=new Array()
if (document.layers)
function cool1(){
if (document.all){
if (dropmenu04.style.visibility=="hidden"){
if (enableeffect)
dropmenu04.filters.revealTrans.apply()
dropmenu04.style.visibility="visible"
if (enableeffect)
dropmenu04.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}
function dropit(e){
if (document.dropmenu04.visibility=="hide")
document.dropmenu04.visibility="show"
else
document.dropmenu04.visibility="hide"
return false
}
function hidemenu(){
if (enableeffect)
dropmenu04.filters.revealTrans.stop()
dropmenu04.style.visibility="hidden"
}
function hidemenu3(){
document.dropmenu04.visibility="hide"
}
</script>
<div id="dropmenu03" style="position:absolute;visibility:hidden;border:1px ;padding:0px; z-index: 3; height: 10; width: 10; left: 142px; top: 45px"><img src="Image10.gif" width="40" height="40"></div>
<center>
<div id="dropmenu04" style="position:absolute;visibility:hidden;border:1px ;padding:0px; z-index: 3; height: 15px; width: 12px; left: 513px; top: 25px"><img src="Image11.gif" width="40" height="40"></div>
<table>
<tr>
<td height="2" style="visibility:visible; width: 33px; height: 40px;>
<a href="#"><img src="Image1.gif" width="50" height="50" border="0" onMouseOver="dropit2();event.cancelBubble=true;return false" onMouseOut="dropit2();display='none'"></td>
</tr>
</table>
<table>
<tr>
<td height="2" style="visibility:visible; width: 33px; height: 40px;>
<a href="#"><img src="Image2.gif" width="50" height="50" border="0" onMouseOver="cool1();event.cancelBubble=true;return false" onMouseOut="cool1();display='none'"></td>
</tr>
</table>
</center>
</body>
</html>
我想实现的效果是：当鼠标悬停在Image1上时名为dropmenu03的层渐渐显示，当鼠标移开时，图片隐藏。
当鼠标悬停在Image2上时名为dropmenu04的层渐渐显示，当鼠标移开时，图片隐藏。
现在的问题是：当鼠标悬停在Image1上时名为dropmenu03的层渐渐显示，当鼠标移开时，图片却不能隐藏。
Image2显示却正常。哪位高手指点指点～？？怎样才能让图片隐藏啊？？？
大家帮帮忙吧。谢谢大家了。如果有别的方法实现这个效果也可以。
