一级菜单与二级菜单整理

鼠标事件:

<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属性,改属性设置对象层叠顺序


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值