如何使用HTML、css、js制作樹狀圖（下拉框）？首先，您需要打開計算機上的DW軟件，創(chuàng)建一個新的HTML頁面，然后將其保存在桌面上。接下來，我們需要在正文中添加div標簽，并使用UL unorde

如何使用HTML、css、js制作樹狀圖（下拉框）？

首先，您需要打開計算機上的DW軟件，創(chuàng)建一個新的HTML頁面，然后將其保存在桌面上。

接下來，我們需要在正文中添加div標簽，并使用UL unordered list和Li標簽創(chuàng)建一級菜單欄。代碼和瀏覽器效果如下圖所示。

由于菜單欄通常是鏈接的，因此我們需要為每個Li標簽添加一個標簽，并添加適當?shù)臉邮?。使鼠標移動到有明顯顏色變化的鏈接上。

到最后一步，我們的第一級菜單欄已經(jīng)制作完成。接下來，我們需要制作第二級菜單欄。我們在第一級菜單欄的Li標簽下加上UL和第二級菜單欄的Li標簽，然后再加上Li標簽制作第二級菜單。

二級菜單的代碼和CSS樣式以及瀏覽器中的顯示效果如下圖所示。

如您所見，這是一個靜態(tài)輔助菜單。輔助菜單將始終顯示在網(wǎng)頁上。如何先隱藏它，然后在顯示它之前將鼠標滑過主菜單？

實際上，我們只需要為二級菜單的UL標簽設(shè)置顯示的none和block屬性。默認情況下，secondary UL的display屬性設(shè)置為none，當鼠標懸停時display屬性設(shè)置為block。

這樣，二級菜單就完成了。如果我們想在其他主菜單下有一個輔助菜單，我們只需要復制相應(yīng)的代碼。

河南新華計算機學院網(wǎng)絡(luò)運行協(xié)會為您解答