묻고답하기

  2. Support
  3. 묻고답하기

서브메뉴 할 때 각 자 위치를 다르게 하고 싶습니다

2005.07.29 20:39

이준우

<head><!---- 여기서부터 카피해 head ... /head 사이에 넣어준다--->
<STYLE type=text/css>
<!--
/*주메뉴 포지션*/
.main { position: absolute; LEFT: 18px; TOP: 44px; Z-INDEX: 2; visibility:show; }
/*서브메뉴의 포지션*/
.submenu { position: absolute; LEFT: 18px; TOP: 45px; font-size:9pt; Z-INDEX: 2; visibility:hidden; }
/*링크속성*/
A.b:link {color: orange; font-family: 굴림; font-size: 9pt; text-decoration: none; }
a:link {color: 9FAFFF; font-family: 굴림; font-size: 9pt; text-decoration: none;}
a:visited {color: red; font-family: 굴림; font-size: 9pt;text-decoration: none;}
a:hover {color: #ffffff; background: #505050; font-family: verdana, arial, helvetica; font-size: 9pt; text-decoration: none;}
-->
</STYLE>
<SCRIPT language=javascript>
<!--
var i,current;
var running = 0;
var n,i,startLeft,endLeft;
var moveX = new Array(1.00, 0.85, 0.64, 0.48, 0.37, 0.28, 0.21, 0.16, 0.12, 0.09, 0.068, 0.05, 0.036, 0.022, 0.01, 0.00);

function rollOver(name){
hidelayer();
changeState(name+'menu','visible');
}

function rollOut(name){
}

function changeState(layerRef,state){
evallayer="document"+".all"+"['"+layerRef+"']"+".style"+".visibility='"+state+"'";
if(current != layerRef)
{
current = layerRef;
running = 1;
n = -1;
i = 450; //레이어 전체폭
startLeft = 630; // 스크롤 시작위치
endLeft = 250; // 서브메뉴의 정지위치(윈도우 왼쪽 틀을 기준)
eval(evallayer);
moveLayer(i,layerRef);
} else {
eval(evallayer);
}
}

function moveLayer(i,layerRef){
evallayer="document"+".all"+"['"+layerRef+"']"+".style"+".left="+i;
if((i>endLeft) && (running==1) && (current==layerRef))
{
n++;
i = (startLeft*moveX[n])+endLeft;
eval(evallayer);
setTimeout('moveLayer('+i+',"'+layerRef+'")',25);
}
else if((running==1) && (current==layerRef))
{
running = 0;
}
}

//레이어 숨기기
function hidelayer(){
eval("document"+".all"+"['irp1menu']"+".style"+".visibility='hidden'");
eval("document"+".all"+"['irp2menu']"+".style"+".visibility='hidden'");
eval("document"+".all"+"['irp3menu']"+".style"+".visibility='hidden'");
eval("document"+".all"+"['irp4menu']"+".style"+".visibility='hidden'");
// 설정 메뉴에 따라 추가...
}
// -->
</script>
<!--여기까지 head 스크립트--->
</HEAD>
<body bgcolor=#ffffff scroll=no> <!-- 바탕색 저는 블랙으로 했습니다 -->
<div id="menu" name="menu">
<!--***** 주 메뉴 만들기 *****-->
<table BORDER=0 width=600 cellpadding="0" cellspacing="0">
<tr>
<td width=40> </td>
<td></td>
<td><a class="b" href="메인주소">메인</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp1');" onmouseout="rollOut('irp1');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp2');" onmouseout="rollOut('irp2');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp3');" onmouseout="rollOut('irp3');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp4');" onmouseout="rollOut('irp4');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="방명록주소">방명록</a></td>
</tr></table>
</div>
<div class="submenu "id="irp1menu" name="irp1sub">
<table BORDER=0 width=450 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<div class="submenu" id="irp2menu" name="irp2sub">
<table BORDER=0 width=310 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<div class="submenu" id="irp3menu" name="irp3sub">
<table BORDER=0 width=200 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<div class="submenu" id="irp4menu" name="irp4sub">
<table BORDER=0 width=500 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<!--- 여기까지 소스 --->







이 소스를 적용시키면 주메뉴 밑에 서브메뉴가 나오긴 하지만, 서브메뉴1,서브메뉴2,서브메뉴3,서브메뉴4 모두가 똑같은 위치에서 고정됩니다.

저는 주메뉴1 밑에 서브메뉴1 을... 주메뉴2 밑에 서브메뉴2 를... 주메뉴3 밑에 서브메뉴3 을... 주메뉴4 밑에 서브메뉴4 를 위치시키고 싶습니다.

어떻게 해야 하나요 ??
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
언약 매일 새로운 메세지가(성경구절이나 격언) 나타나게 하고 싶은데..  
유진 자바로 된 메뉴가 안보일 경우  
승훈 자신의 홈페이지에 방문한 사람 IP를 운영자에게만 출력하는 방법알려주세요!  
강지훈 이 네비게이션메뉴가 안되는 이유가 뭘까요... [1] 2007.08.10
조승우 글쓰기가 않됩니다.  
patou mysql_fetch_array() 에러 [2] 2007.08.10
이현석 본인이 방문한 url 을 저장할 수 있는 방법.  
ufo220 두개의 스크립트가 충돌이 납니다  
정대환 또 다른 질문이요. [3] 2007.08.10
moonsoo 일본어 질문입니다. [2] 2007.08.10
박정근 PHP질문입니다 ㅠㅠ  
HoYS 아이프레임으로 게시판을 넣으면 메뉴 하이퍼링크가 사라져요 ㅠ ㅠ  
정형재 쿼리문 한번 봐주세요!!! [3] 2007.08.10
이상훈 아이 프레임을 사용했는데 , 내용이 전부 왼쪽으로 쏠리네요. [1] 2007.08.10
박세진 제 게시판에 cgi 프로그램을 이용하여 자동적으로 글을 등록 할 수 있을 가요?  
AYHO select박스에서 선택값에따라 div 보였다 안보였다하는방법?  
쭌 노프레임 메인 페이지 문자 정렬 문제  
승훈 쇼핑몰에서요........배송료 추가 소스 알려주세요~ㅜ.ㅜ [6] 2007.08.10
승아 한번 클릭으로 두 프레임 바꾸기에 관한 질문입니다. [2] 2007.08.10
Shin.CH 엔지오회원 아쿰님이 직접만드신 완전체붕어라는 그림 디자인법을 알고싶습니다. [2] 2007.08.10
Badboy robots.txt 파일과 관련해서 방문자 로그.....  
장대찬 Some other host already uses address. [FAILD] [1] 2007.08.10
승훈 쇼핑몰에서 배송료를 추가하고 싶은데. 소스좀 알려주세요  
김군우 리눅스 고수분 질문입니다.미치기 직전입니다... [1] 2007.08.10
옴니암니 위에서 슬라이딩되어 내려오는 레이어 숫자 늘리기 [2] 2007.08.10
우헤헤 경로 설정시.. [1] 2007.08.10
초보초보 새로고침시 .. 그림 이 바뀌게 ..  
눔곰 가로스크롤바 없애기..  
황성경 바탕화면에 홈페이지 바로가기 아이콘을 만들고 싶습니다  
이준우 서브메뉴 할 때 각 자 위치를 다르게 하고 싶습니다  
태그 쓰기