在JavaScript中如何实现菜单级联？

adon 2000-03-22 01:47:00

常见到某些网站有这样的菜单列表：
■菜单1
■菜单2
...
当点某一菜单如菜单1后，页面不刷新而直接显示下级菜单：
■菜单1
□子菜单1
□子菜单2
■菜单2
...
这种方法我知道可用JavaScript实现，请问这是如何实现的呢？最好能附源代码。
急盼各位大虾回复。

...全文

258 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

zdg 2000-03-22

打赏
举报

http://www.microsoft.com/china/default.asp
有一级菜单, 他的HTML中有:

<script language="JavaScript"
src="/library/toolbar/toolbar.js"></script>
<script language="JavaScript"
src="/library/toolbar/cn/global.js"></script>
<script language="JavaScript"
src="/library/toolbar/cn/local.js"></script>


http://www.microsoft.com/library/toolbar/toolbar.js就是你想要的...

929 2000-03-22

打赏
举报

我只在IE下实现过简单的菜单，用的是DHTML中的层的DISPLAY属性。也就是一个层在LOAD时，是不显示的，DISPLAY为NONE，当鼠标动作时，才将DISPLAY的值改为BLOCK。
下面是我做的很简单的一个页面。
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../dream.css">
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>

</SCRIPT>
</head>

<body bgcolor="#ffffff" LANGUAGE=javascript onload="return window_onload()">
<div id="divlesson" style="HEIGHT: 198px; LEFT: 23px; POSITION: absolute; TOP: 25px; WIDTH: 129px; Z-INDEX: 1" LANGUAGE=javascript onmouseover="return divlesson_onmouseover()" onmouseout="return divlesson_onmouseout()">
学习科目
</div>
<div id="divlessonin" style="HEIGHT: 163px; LEFT: 25px; POSITION: absolute; TOP: 57px; WIDTH: 123px" >
<p>计算机原理</p>
<p> 程序设计</p>
<p>网页制作</p>
<p>数据库</p>
<p>微机操作<br>
</p>
</div>
</body>
</html>

adon 2000-03-22