鼠标事件:
<a href="/class.asp?class_ID=272" onMouseOver="document.all.menulayer_1.style.visibility=''" onMouseOut="document.all.menulayer_1.style.visibility='hidden'">文字</a>
其中的“menulayer_1”,可以自定义命名,一个超链接关联一个,不可重复。另外要注意的是“visibility='hidden'”,这个就是鼠标离开后,隐藏的层就会隐藏。
<div id="menulayer_1" class="menulayer" style="visibility: hidden; padding: 225px 0px 0px 9px;">About Us, About Blazing Flames.</div>
这个就是默认隐藏的层的内容,注意他的ID要和之前的代码一致。
问题:
1、当鼠标事件已经有效果,鼠标移出之后二级菜单跟着消失
解决办法:首先:一级菜单包含二级菜单,标签中的display属性的值是不是block
2、注意块元素整体的设置属性有没有Z-index属性,改属性设置对象层叠顺序