用DHTML来模拟实现下拉菜单（转）

我在许多的网站上看到上面都有下拉菜单的,使得网站更栩栩如生了!象微软的主页,后来我想假如单用div和JAvascript是否也能实现了,通过几次实验也总于成功了,现在把自己想法告诉大家,希望大家网页也加上下拉菜单使网爷更生动.
以前DOS下编写应用程序都要面临着界面编写的,象菜单这些东西也要自己从头到尾都要自己编的,到了win时代,通过事件驱动我们就很容易编写了,何况菜单集成到系统里了,在IE下编写菜单也是基于通过捕获鼠标事件来响应菜单下拉和隐藏的,
我们首先要用表格来显示菜单条,

onmouseover="showmenu(menuwenxue)">menu1

onmouseover="showmenu(menuxuexi)">menu1

onmouseout="hidemenu(menuwenxue)">

onmouseover="showmenu(menuwenxue)">menu1_item1

href="JavaScript:alert('menu1_item2')">menu1_item2

href="JavaScript:alert('menu1_item3')">menu1_item3

onmouseout="hidemenu(menuxuexi)">

href="JavaScript:alert('menu2_item2')">menu2_item1

href="JavaScript:alert('menu2_item2')">menu2_item2

href="JavaScript:alert('menu2_item3')">menu2_item3

上面是我从调试代码上截下来的,要想得到好看的结果需要改变一下位子关系的,当然还要注意一下鼠标移动时候是否菜单会出现异常现象的,当然这些都可以通过加一些代码来解决的,主要是鼠标移出菜单外,菜单不会消失的,可以在其它的对象截取onmouseover事件来隐藏菜单的!

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/10294527/viewspace-124877/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/10294527/viewspace-124877/