JS CSS 製作的超簡單的下拉式選單附圖_javascript技巧

先看效果：
 
代碼：

複製程式碼

複製程式碼

代碼如下：





function showSubMenu(SubMenu) {
document.getElementById(SubMenu). style.display = "inline";
}
function HideSubMenu(SubMenu) {
document.getElementById(SubMenu).style.display = "none";
}
腳本>

.menu{
邊距：1px 1px 1px 1px;
內邊距：3px 5px 3px 5px;
背景顏色：#8080C0; ;
}
.submenu {
邊距：1px 1px 1px 1px;
內邊距：3px 5px 3px 5px;
背景顏色：#8080C0
顏色；
}
風格>
頭>

;
;


Menu1

>

SubMenu1
>
SubMenu2
>
SubMenu3
>
SubMenu4

Menu2

>

SubMenu1
>
SubMenu2
>
SubMenu3
>
SubMenu4

Menu3

>

SubMenu1
>
SubMenu2
>
SubMenu3
>
SubMenu4

Menu4

>

SubMenu1
>
SubMenu2
>
SubMenu3
>
SubMenu4

表>

身體>