js css 显示隐藏层，效果出来了，但是有个致命缺点，隐藏层出来后鼠标还没点进去就消失了，以下是代码

我想请问下改怎么用JS控制<script>functiona(x){if(x=="headmainjd"){document.all.wai.style.display=... 我想请问下改怎么用JS控制
<script>
function a(x){
if(x=="headmainjd"){
document.all.wai.style.display="block";
}
else if(x=="Layer57"){
document.all.l1.style.display="block";
}
else if(x=="Layer58"){
document.all.l2.style.display="block";
}
else if(x=="Layer59"){
document.all.l3.style.display="block";
}

}
function b(){
document.all.wai.style.display="none";
document.all.l1.style.display="none";
document.all.l2.style.display="none";
document.all.l3.style.display="none";
}
</script>

</head>
<body>
<div id="boss">
<div id="Mainframe" style=" margin:0 auto; ">
<input class="test" name="text" type="text" maxlength="14" />
<input name="text1" type="password" class="test1" maxlength="14" /></div>
<div id="HEAD">
<div id="Layer60"></div>
<img src="headbj.png" border="0" usemap="#Map" />
<div id="headmainjd" name="headmainjd" onmouseover="a(this.name)" onMouseOut="b()"></div>
<div id="wai" style="display:none;">
<table width="194" height="26" border="0" cellpadding="0" cellspacing="0" background="WJBJ.jpg">
<tr>
<td> </td>
</tr>
</table>
</div> 展开

 我来答

5个回答

#热议# 为什么有人显老，有人显年轻？

youngao21
2011-03-23 · TA获得超过243个赞

知道小有建树答主

回答量：83

采纳率：0%

帮助的人：107万

我也去答题访问个人页

关注

展开全部

当然点不到，你移出事情里写明，当移出时，就隐藏，刚显示出来的div。
看你想要什么效果，就把隐藏事件，写到哪！
比如：
你可以把onMouseOut="b()" 移出事件写到显示出来的那个div上去，就是 id="wai"的div。而不是放在id="headmainjd“的div上。
这样的话，只有当你鼠标从刚显示出来的div上移开时，才隐藏。

本回答由提问者推荐

已赞过 已踩过<

评论收起

21高旭
2011-03-23 · TA获得超过914个赞

知道小有建树答主

回答量：632

采纳率：50%

帮助的人：508万

我也去答题访问个人页

关注

展开全部

onMouseOut="b()">你这里设置的不是鼠标移出去就执行function b(){
document.all.wai.style.display="none";
document.all.l1.style.display="none";
document.all.l2.style.display="none";
document.all.l3.style.display="none";
}
让这色个层都隐藏嘛。你没有设置onClick事件，所以不会执行onClick这个点击事件啊，整个代码你都没有设置点击鼠标执行隐藏的这个操作啊。再或者你是 document.all.wai.style.display="none";
document.all.l1.style.display="none";
document.all.l2.style.display="none";
document.all.l3.style.display="none";
这里是不是写多了图层，是不是你并非要让四个层都隐藏了。

追问

我懂你意思了 就是说没有点击事件的话就直接隐藏了 就好像上完班了那么就直接回家了 那还是要配合ONCLICK使用 是吧？

已赞过 已踩过<

评论收起

wangyudiwang
2011-03-23 · 超过15用户采纳过TA的回答

知道答主

回答量：94

采纳率：0%

帮助的人：39.1万

我也去答题访问个人页

关注

展开全部

onmouseover="a(this.name)" 改成 onClick="a(this.name)"
另外还要写显示层得方法
不然就得刷新才能再出来

追问

感谢你的回答
可能我说的不清楚，我用的是鼠标经过事件，不能用点击事件，并不是刷新问题 
显示和隐藏的效果是出的来的，但是鼠标点不进那个显示出来隐藏的隐藏层里 这样吧我贴张图

追答

你写的 onmouseover="a(this.name)" 当鼠标 悬浮时
document.all.l3.style.display="block";
层隐藏
离开时才显示
隐藏着怎么点啊？

已赞过 已踩过<

评论收起

百度网友76ccd86
2011-03-23 · TA获得超过106个赞

知道答主

回答量：104

采纳率：0%

帮助的人：52万

我也去答题访问个人页

关注

展开全部

我也遇到这个问题，鼠标移到浮动层就会消失，浮动层设下样式

已赞过 已踩过<

评论收起

richie214
2011-03-23 · TA获得超过1712个赞

知道大有可为答主

回答量：2320

采纳率：25%

帮助的人：1310万

我也去答题访问个人页

关注

展开全部

搞不懂你要的效果。。

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js css 显示隐藏层，效果出来了，但是有个致命缺点，隐藏层出来后鼠标还没点进去就消失了，以下是代码

其他类似问题

为你推荐：