|
|
主题: 【求助】哪位朋友能解释一下这个菜单的原理？
|
freesoul
职务：普通成员
等级：1
金币：0.0
发贴：16
|
#12005/3/8 11:18:06
最近做网页菜单，用到了一段代码，虽说知道怎么用，可是看了半天还是没能看出它是如何产生这样的效果的，所以发个帖子来问一下。原代码如下：
---------------------------------------------------------------------------------------
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
------------------------------------------------------------------------------------------------------------------------------------------
我想问的问题是，在第一个DIV处设定当鼠标移入时，显示myMenu。当鼠标移出时，不显示myMenu。可是为什么当我向下移出时，仍然能够显示 myMenu？我想应该是第二个DIV的原因，可它是怎么起作用的呢？如果哪位朋友知道其中的原因的，请告诉小弟一下。由于小弟刚学，知道不多，所以请尽量具体一些，不胜感谢。（发帖前我在网上查了许多资料，可是没法找到答案，没有办法，所以来这里麻烦各位高手了。）
编辑历史:[此帖最近一次被 我佛山人 编辑过(编辑时间:2005-03-08 12:50:25)]
|
我佛山人
职务：版主
等级：4
金币：16.0
发贴：2269
|
#22005/3/8 12:55:53
你的层内包含层，所以子层继承了父层的事件
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
|
freesoul
职务：普通成员
等级：1
金币：0.0
发贴：16
|
#32005/3/8 13:15:51
楼上的朋友，如果说是子层继承了父层的事件，那么第第三个DIV继承了它的父层的什么事件啊，是不是"overflow"事件啊？我只知道它的意思大概是，如果内容超过了层的大小，那么就自动扩大层的大小以适应内容大小，可是这跟我刚才说的效果有什么关系啊？希望你能说明白点。拜托，拜托。 
|
freesoul
职务：普通成员
等级：1
金币：0.0
发贴：16
|
#42005/3/8 13:22:52
我的意思也就是说，为什么鼠标向菜单弹出的方向移出时，myMenu不会隐藏，而向菜单弹出的方向以外的方向移出时，myMenu会立即隐藏呢？它是如何实现的，实在想不通啊，只不多加了一个大小为“0*0”的父层，怎么就产生了不同的效果呢？如果没有那个零父层，不论往哪个方向移出鼠标，那个弹出的菜单都会立即隐藏，从而使得用户无法点击其中的超链接。这也是我最头疼的地方，如果不设置为移出隐藏的话，那个弹出的菜单就会一直在那里，极不好看，所以看到这段代码后非常喜欢，只是一直搞不清它的原理，实在郁闷啊。
|
{ 在指尖上绽放的花朵 }
职务：普通成员
等级：5
金币：14.0
发贴：3209
|
#52005/3/8 15:56:55
引用:
<div Script id=maindiv>
<div style="position:absolute; width:0px; height:0px; overflow:visible;">
<div id=myMenu>Content</div>
</div>
Menu
</div>
简化代码。。。 不妨设最外面的层为 maindiv 。。 则 MyMenu 在层 maindiv 内部。。。 当 MyMenu 显示的时候。。。 实际上 maindiv 已经被撑大了。。。。 MyMenu 出现的地方也属于 maindiv 。。。 所以不会消失。。。。
|
freesoul
职务：普通成员
等级：1
金币：0.0
发贴：16
|
#62005/3/9 9:55:57
有点明白了，多谢，呵呵。
|
