html下拉菜单图片,JS+CSS 制作的超级简单的下拉菜单附图

先看效果：

 

代码：

Good Test

function showSubMenu(SubMenu) {

document.getElementById(SubMenu).style.display = "inline";

}

function HideSubMenu(SubMenu) {

document.getElementById(SubMenu).style.display = "none";

}

.menu{

margin:1px 1px 1px 1px;

padding:3px 5px 3px 5px;

background-color:#8080C0;

color:white;

}

.submenu {

margin:1px 1px 1px 1px;

padding:3px 5px 3px 5px;

background-color:#8080C0;

color:white;

}

Menu1 SubMenu1 SubMenu2 SubMenu3 SubMenu4

Menu2 SubMenu1 SubMenu2 SubMenu3 SubMenu4

Menu3 SubMenu1 SubMenu2 SubMenu3 SubMenu4

Menu4 SubMenu1 SubMenu2 SubMenu3 SubMenu4