>  기사  >  웹 프론트엔드  >  JS CSS_javascript 기술로 만든 매우 간단한 드롭다운 메뉴

JS CSS_javascript 기술로 만든 매우 간단한 드롭다운 메뉴

WBOY
WBOY원래의
2016-05-16 17:12:431209검색

先看效果:
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





Menu2





Menu3





Menu4









성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.