当前位置：首页 → 问答吧 → 浮动层菜单的onmouseout问题

浮动层菜单的onmouseout问题

时间：2011-09-05

来源：互联网

我想实现的效果仅仅是点击K1显示K1里的K2，鼠标离开K2后K2消失。
现在的问题是鼠标指向K2中的div时就直接触发了 onmouseout事件，
尝试把K1写上指向显示K2 ，离开K1隐藏K2可以，但把onmouseout写到K2上，或者把onmouseover换成点击则不行
平时没有写过浮动层菜单，这么简单的效果居然完成不了。。。
求教，这个onmouseout应该怎么写，或者说怎么正确的判定？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css> #k1{ height:20px; width:100px; overflow:hidden; border:1px solid #666; } #k2{ position:absolute; display:none; padding-top:20px; } #k3,#k4,#k5,#k6{ width:100px; height:20px; border:1px solid #000; } </STYLE> </HEAD> <BODY> <div id=k1 onclick="document.getElementById('k2').style.display='block'"> <div id=k2 onmouseout="this.style.display='none'"> <div id=k4></div> <div id=k5></div> <div id=k6></div> </div> </div> </BODY></HTML>
提示：您可以先修改部分代码再运行

作者: c2j3y4 发布时间: 2011-09-05

最简单的办法，用Jquery里的hover

作者: rym1020 发布时间: 2011-09-05

浮动层菜单的onmouseout问题

热门阅读

热门下载