DW中网站如何用javascript写二级下拉菜单

时间:2026-02-13 08:07:05

1、打开或者新建一个网站页面。自己先把导航写好,一般用<ul><li></li></ul>写导航。

DW中网站如何用javascript写二级下拉菜单

DW中网站如何用javascript写二级下拉菜单

2、写好导航了,就要把导航的样式写好,把导航的样式写好了才好进行下一步写javascript操作。

DW中网站如何用javascript写二级下拉菜单

3、写好了样式就开始写javascript了,主要的javascript就如下:

<script language="javascript">function display(li){    var subdis=li.getElementsByTagName("ul")[0];    subdis.style.display="block";    }function ndisplay(li){    var subdis=li.getElementsByTagName("ul")[0];        subdis.style.display="None";    }</script>

DW中网站如何用javascript写二级下拉菜单

4、在这里写好了,还要对二级菜单的上一级进行操作,因为是对鼠标移上导航时下拉二级菜单,所以要用到onmouseover(鼠标移上导航)和onmouseout(鼠标离开导航)。

DW中网站如何用javascript写二级下拉菜单

5、做好这几项工作了,你的二级导航也做好了。

DW中网站如何用javascript写二级下拉菜单

© 2026 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com