초보자가 쓰기좋은 서브메뉴 html로 하자

카페 메니져

· 21년 전 · 조회 2677 2677 · 댓글 1 1

<head>

<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
}
.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("maindiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

</script>

</head>

<body>

<div id="maindiv">

<div class="menutitle" onMouseOver="SwitchMenu('sub1')">첫번째 메뉴</div>
<span class="submenu" id="sub1">
- <a href="">첫번째 메뉴-1</a><br>
- <a href="">첫번째 메뉴-2</a><br>
- <a href="">첫번째 메뉴-3</a><br>
- <a href="">첫번째 메뉴-4</a>
</span>

<div class="menutitle" onMouseOver="SwitchMenu('sub2')">두번째 메뉴</div>
<span class="submenu" id="sub2">
- <a href="">두번째 메뉴-1</a><br>
- <a href="">두번째 메뉴-2</a><br>
- <a href="">두번째 메뉴-3</a>
</span>

<div class="menutitle" onMouseOver="SwitchMenu('sub33')">세번째 메뉴</div>
<span class="submenu" id="sub33">
- <a href="">세번째 메뉴-1</a><br>
- <a href="">세번째 메뉴-2</a><br>
- <a href="">세번째 메뉴-3</a>
</span>

</div>

</body>

글쓰기

댓글 1개

까만도둑

프로필 보기 이 회원 글보기 이 회원의 댓글보기

21년 전

넷스케이프에서 잘 됩니다.

댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누3 팁자료실

제목	글쓴이	날짜	조회
보낸쪽지함에서 읽지않은 메모를 삭제시... [1]	최장민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	조회 1,825
[그누보안] 특정 게시글만 안열릴때...	zzzz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	조회 1,914
다중분류 사용하기(제목이 맞는지...?) [2]	예진아빠	21년 전	조회 2,034
특정게시판에 글이 올라올때 모든회원에게 쪽지 날리기 [8]	mando	21년 전	조회 2,392
smc님의 출석부 자동로그인 버전에서 사용하기 [3]	최광선 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	조회 1,930
[최근글] 메인에서 최근 이미지를 비율에 맞게 출력해주기 [3]	Quidn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	조회 2,291
자체 APM 을위한 사용자들 ftp팁 [6]	카페 메니져	21년 전	조회 1,905
멋진팁. 소수 위에서 내려가는 메뉴 멋집니다 [2]	카페 메니져	21년 전	조회 2,192
멋찐소수!! 초보전용 아주멋짐 파일첨부 받아여 [3]	카페 메니져	21년 전	조회 2,170
초보자가 쓰기좋은 서브메뉴 html로 하자 [1]	카페 메니져	21년 전	조회 2,678
최초!! 아템베이서쓰인 바탕화면에 홈페이지 바로가기,자동즐겨찾기 설정 [2]	카페 메니져	21년 전	조회 2,774
게시판 board에 쓰면 좋은 선택된줄에 박스치기 [1]	카페 메니져	21년 전	조회 1,841
홈페이지 속도 자체 측정하기 [1]	카페 메니져	21년 전	조회 1,925
새 창뜨자마자 최소화 해주는 편법 [1]	카페 메니져	21년 전	조회 1,757
팝업,링크창 입력값받아 만들어주는스크립트 [2]	카페 메니져	21년 전	조회 2,038
최초 !! 팝업제작 (생성기 ) 자동프로그램 [2]	카페 메니져	21년 전	조회 2,560
javascript(자바스크립트)를 짜주는 프로그램 [5]	카페 메니져	21년 전	조회 2,010
입력된 내용대로 출력하는 JS 소스코드 자동 생성기 [1]	카페 메니져	21년 전	조회 2,333
테이블 이젠맘대로 style 프로그램 [1]	카페 메니져	21년 전	조회 1,920
링크에 마우스오버시 툴팁 색깔 지정하여 다르게 나오게 하기 [1]	카페 메니져	21년 전	조회 2,102

이전 첫 페이지 다음

글쓰기

초보자가 쓰기좋은 서브메뉴 html로 하자

게시물 신고

댓글 1개

그누3 팁자료실