手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 19:49:46

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

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

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

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

3、写好了样式就开始写javascript了,主要的javascript就如下:<script l锾攒揉敫anguage="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写二级下拉菜单
© 手抄报圈