웹마스터 팁

오래간만에 또 올리게 되네요..-0-;;;; ...쓰잘떼기 없는거 하나
또 갖구 왔습니다..

레이어를 이용해서 만든 메뉴입니다....
마우스를 가져가면 지정된 레이어가 보이거나 사라지는 거죠...^^

필요한 스크립트를 넣고...
<script language="JavaScript">
<!--
function na_hide_layer(lname)
{
if (document.layers)
document.layers[lname].visibility = "hide"
if(document.all)
document.all(lname).style.visibility = "hidden"
}
function na_show_layer(lname)
{
if(document.layers)
document.layers[lname].visibility = "show"
if(document.all)
document.all(lname).style.visibility = "visible"
}
// -->
</script>

메뉴1, 메뉴2, 메뉴3을 만듭니다...
메뉴1에 마우스를 가져가면(OnMouseOver) sub1레이어는 보여지고(show) sub2, sub3레이어는 숨겨지게(hide)...
<a OnMouseOver="na_show_layer("sub1");na_hide_layer("sub2");na_hide_layer("sub3");" href="#">메뉴1</a><br>
메뉴2에 마우스를 가져가면(OnMouseOver) sub1, sub3레이어는 숨겨지고(hide) sub2레이어는 보여지게(show)...
<a OnMouseOver="na_hide_layer("sub1");na_show_layer("sub2");na_hide_layer("sub3");" href="#">메뉴2</a><br>
메뉴3에 마우스를 가져가면(OnMouseOver) sub1, sub2레이어는 숨겨지고(hide) sub3레이어는 보여지게(show)...
<a OnMouseOver="na_hide_layer("sub1");na_hide_layer("sub2");na_show_layer("sub3");" href="#">메뉴3</a>

서브메뉴에 해당하는 레이어를 만듭니다.
레이어 id는 알아보기 쉽게 sub1, sub2, sub3로 줬습니다.
<div id="sub1" style="width:75px; height:110px; position:absolute; left:61px; top:15px; z-index:1; visibility:hidden;">서브메뉴1</div>
<div id="sub2" style="width:75px; height:110px; position:absolute; left:61px; top:32px; z-index:1; visibility:hidden;">서브메뉴2</div>
<div id="sub3" style="width:75px; height:110px; position:absolute; left:61px; top:49px; z-index:1; visibility:hidden;">서브메뉴3</div>



...;;; 질문이나 의문점은 리플로 달아주세요...;;;

미리보기는
http://myhome.naver.com/frankpkg/submenu.htm
제목 글쓴이 날짜
허접한 풀다운 메뉴 소스입니다. (유용한 팁 일지는 모르겠네요.) [9] file tintintm 2004.03.23
버튼 만들기 [1] 旻天 2004.03.23
MS agent online object - Default Character 인 Merlin Action 추가 [2] 꽃ちゃん 2004.03.19
움직이는 타이틀바 [4] 김동현 2004.03.18
웹브라우저 상태바가 밑으로 내려오는 소스 [5] 프리서버 2004.03.16
브라우져(윈도우) 창의 크기(사이즈)를 조절하는 소스입니다 [5] 나야 2004.03.15
프레임사이트에서 자식 프레임(URL)로 직접 치고 들어 올경우 다시 프레임 부모로 돌려보내는 소스 나야 2004.03.15
전체 include menu 만들기(롤오버 이미지 사용) [4] Neoyoung 2004.03.14
[초간단 자바스크립트!] 서브메뉴 만들기...~ [11] ∑Ztxy 2004.03.10
뉴스티커 [16] file zero 2004.03.10
보안문서 만들기 [5] 민우주 2004.03.07
팝업 창 띄우고 어미창 사라지게 하는 소스 [5] piasol 2004.03.06
방문자 OS보여주기 [5] 구조반 2004.03.05
벅스뮤직 음악듣기 및 시작 정지 버튼 넣기(기타 음악파일도...) [3] 카멜롯™ 2004.03.04
회원 가입 페이지 이젠 끝이다 [5] 2004.03.03
우뚜같은 포워딩 페이지에서 프레임 깨기.(프레임 없애기) [17] 김영성 2004.02.19
벅스뮤직 플레이어 스크립트 추출기 [4] 이녀석 2004.02.16
XML+JS 연동 다중셀렉트 투헤븐 2004.02.16
BGM Player (배경 음악) [17] 장진석 2004.02.16
페이지 내에 주소창 달기 [1] piasol 2004.02.09