<![CDATA[
<br>
알려드린 자료와 다른 스크립트네요.......
<br>
<br>
현재 만들어 놓은 메뉴 스크립트는 서브메뉴 개별적으로 레이어를 설정하지 않고
<br>
for 문을 사용해 일괄적으로 레이어를 위치를 정하는 방법입니다.
<br>
서브메뉴가 왼쪽으로 정열되는 것이 버그로 인한 것은 아닙니다.
<br>
테이블폭과 레이어 폭을 같이 주어 놓았기 때문에 가운데로 정열이 되지 않는 것이지요..
<br>
<br>
<br>
document.write('<table cellpadding=0 cellsapcing=0 border=0 width="748" bordercolor=#DDEEFD cellspacing=0><tr>');
<br>
for(i=0;i<submenu.length;i++) {
<br>
document.write('<td bgcolor=#FFFFFF onMouseOver="javascript:colorIt(this);TopMenu('+i+')" align=center valign=middle ID=td'+i+'><font size=-1><a href="#" onClick="return(false)" onMouseOver="TopMenu('+i+')" CLASS=top>'+menu[i]+'</a></font></td>');
<br>
}
<br>
document.write('</tr><tr><td colspan='+(submenu.length)+' height=20 valign=middle BGCOLOR=#FFFFFF><ilayer id="top1" align="center" width=100% height=20><layer id="top2" width=100% height=20 align="center"><div id="top3" align="center"></div></layer></ilayer></TD></TR></TABLE>');
<br>
<br>
이렇게 가운데 정열태그를 넣어주면 레이어 영역에서 가운데로는 포지션 시킬 수 있습니다.
<br>
서브메뉴의 포지션을 개별적으로 잡아 주려면 스크립트 일부를 좀 수정해야 하는데
<br>
시간 관계상 이전에 알려드린 731번을 이용해 현재의 메뉴구성으로 예시를 만들어 드리니
<br>
그대로 쓰시던가 수정을 해서 쓰시면 됩니다.
<br>
<br>
<script> 부분은 js 파일로 따로 뗴어내 페이지를 구성하면 복잡하지 않고
<br>
페이지 파일 크기도 좀 줄일 수 있습니다.
<br>
<br>
아래는 이전에 알려드린 731번을 이용해 메뉴를 구성한 것입니다
<br>
그대로 카피해 홈에 저장한 후 확인해 보세요..
<br>
IE와 넷스케이프 공용으로 쓸 수 있는 스크립트입니다.
<br>
<br>
<br>
<br>
- 소 스 -
<br>
<br>
<html>
<br>
<head>
<br>
<br>
<!--여기서부터 카피해 head .. /head 내에 넣어줍니다---->
<br>
<style type="text/css">
<br>
<!---
<br>
A:link { color: #666666; text-decoration: none }
<br>
A:visited { color: #666666; text-decoration: none }
<br>
A:active { color: #FF9933; text-decoration: none }
<br>
A:hover { color: #FF9933; BACKGROUND-COLOR: #FFFFFF; text-decoration: underline}
<br>
TD { FONT-SIZE: 10pt }
<br>
DIV { FONT-SIZE: 10pt }
<br>
<br>
A.top {color:#666666; text-decoration:none;}
<br>
A:hover.top {color:#FF9933;text-decoration:none;}
<br>
A.subtop {color:#666666; text-decoration:none;}
<br>
A:hover.subtop {color:#FF9933;text-decoration:underline;}
<br>
<br>
#box { position:absolute; visibility:hidden; layer-background-color:#ffffff; }
<br>
/*서브메뉴 박스의 바탕색상*/
<br>
#bluebox {background-color:#ffffff;}
<br>
/*메뉴 텍스트의 속성*/
<br>
#mnubar {color:#666666; text-decoration:none;}
<br>
--->
<br>
</style>
<br>
<br>
<script language="JavaScript">
<br>
<!---Javascript Hide
<br>
// 브라우져를 체크하는 부분...
<br>
ns=window.navigator.appName == "Netscape"
<br>
ie=window.navigator.appName == "Microsoft Internet Explorer"
<br>
<br>
function openIt(x) {
<br>
// NS 에서
<br>
if(ns) {
<br>
showbox= document.layers[x+1]
<br>
showbox.visibility = "show";
<br>
showbox.top=110; // 넷스케이프에서 서브메뉴 레이어의 top 위치
<br>
var items = 9 ; // 주 메뉴의 총 수량을 설정
<br>
for (i=1; i<=items; i++) {
<br>
elopen=document.layers[i]
<br>
if (i != (x + 1)) {
<br>
elopen.visibility = "hide" }
<br>
}
<br>
}
<br>
<br>
//IE 에서
<br>
<br>
if(ie) {
<br>
curEl = event.toElement
<br>
curEl.style.background = "yellow" // 마우스를 메뉴텍스트에 올릴때 텍스트의 배경색상
<br>
showBox = document.all.box[x];
<br>
showBox.style.visibility = "visible";
<br>
showBox.style.top = 110; // 주 메뉴와 서브메뉴 사이의 여백(서브 메뉴의 위쪽 여백)
<br>
var items = 9 // 주 메뉴의 총 수량을 설정
<br>
for (i=0; i<items; i++) {
<br>
elOpen=document.all.box[i]
<br>
barEl=document.all.mnubar[i]
<br>
if (i != x){
<br>
elOpen.style.visibility = "hidden"
<br>
barEl.style.background = "#757AE4" // 비활성(마우스를 올리지 않았을때)상태에서의 메뉴바 바탕색상
<br>
}
<br>
}
<br>
}
<br>
}
<br>
<br>
function closeIt() {
<br>
var items = 9 // 주 메뉴의 총 수량을 설정
<br>
for (i=0; i<items; i++) {
<br>
if(ie){
<br>
document.all.box[i].style.visibility = "hidden"
<br>
barEl=document.all.mnubar[i]
<br>
barEl.style.background = "#757AE4"
<br>
}
<br>
if(ns){ document.layers[i+1].visibility = "hide"}
<br>
}
<br>
}
<br>
//---- end script ---->
<br>
</script>
<br>
<!--여기까지가 head 스크립트--->
<br>
</head>
<br>
<br>
<BODY BGCOLOR="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<br>
<br>
<!-- <BODY> 와 </BODY> 사이에 아래와 같이 테이블을 이용해 주 메뉴를 만든다 ---->
<br>
<br>
<center>
<br>
<TABLE WIDTH=748 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR>
<br>
<TD rowspan=2><embed SRC="<a href="http://211.112.20.101/asp/project/img/top/rogo1.swf" target=nlink>http://211.112.20.101/asp/project/img/top/rogo1.swf</a>" WIDTH=145 HEIGHT=50></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_02.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_02.jpg</a>" WIDTH=288 HEIGHT=50></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_03.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_03.jpg</a>" WIDTH=54 HEIGHT=50></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_04.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_04.jpg</a>" WIDTH=92 HEIGHT=50></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_05.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_05.jpg</a>" WIDTH=103 HEIGHT=50></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_06.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_06.jpg</a>" WIDTH=66 HEIGHT=50></TD>
<br>
</TR><TR>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_08.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_08.jpg</a>" WIDTH=288 HEIGHT=25></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_09.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_09.jpg</a>" WIDTH=54 HEIGHT=25></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_10.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_10.jpg</a>" WIDTH=92 HEIGHT=25></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_11.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_11.jpg</a>" WIDTH=103 HEIGHT=25></TD>
<br>
<TD><IMG SRC="<a href="http://211.112.20.101/asp/project/img/top/images/top2_1_12.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_1_12.jpg</a>" WIDTH=66 HEIGHT=25></TD>
<br>
</TR></table>
<br>
<br>
<!---메뉴 이미지--->
<br>
<table border="0" cellpadding="0" cellspacing=0 bgcolor="#ffffff" height="18" id=mainmenu> <tr>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(0)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_01.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_01.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(1)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_02.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_02.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(2)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_03.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_03.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(3)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_04.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_04.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(4)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_05.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_05.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(5)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_06.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_06.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(6)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_07.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_07.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(7)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_08.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_08.jpg</a>"></a></td>
<br>
<td align="center" nowrap >
<br>
<a href="#" onmouseover="openIt(8)" id=mnubar><img border=0 src="<a href="http://211.112.20.101/asp/project/img/top/images/top2_2_09.jpg" target=nlink>http://211.112.20.101/asp/project/img/top/images/top2_2_09.jpg</a>"></a></td>
<br>
</tr>
<br>
</table>
<br>
<br><br>
<br>
<br>
<br>
<!-- 아래와 같이 위의 주 메뉴에 대한 서브메뉴를 만든다 --->
<br>
<br>
<!-- 첫번째 주메뉴에 대한 서브메뉴 -->
<br>
<div id=box style=left:130> <!--왼쪽에서 110픽셀만큼 마진값 주기-->
<br>
<table border="0" width=100% cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지1-1.htm" CLASS=subtop target=detail>스킨</A> <IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-2.htm" CLASS=subtop target=detail>로션</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-3.htm" CLASS=subtop target=detail>에센스</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-4.htm" CLASS=subtop target=detail>아스트리젠트</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>썬케어</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<br>
<div id=box style="left:130;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지2-1.htm" CLASS=subtop target=detail>클렌징</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지2-2.htm" CLASS=subtop target=detail>폼클렌징</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지2-3.htm" CLASS=subtop target=detail>립/아이리무버</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지2-4.htm" CLASS=subtop target=detail>미용비누</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>각질제거</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<br>
<div id=box style="left:160;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지2-1.htm" CLASS=subtop target=detail>클렌징</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지2-2.htm" CLASS=subtop target=detail>폼클렌징</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지2-3.htm" CLASS=subtop target=detail>립/아이리무버</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지2-4.htm" CLASS=subtop target=detail>미용비누</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>각질제거</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<div id=box style="left:220;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지3-1.htm" CLASS=subtop target=detail>컨실러</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지3-2.htm" CLASS=subtop target=detail>파운데이션</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지3-3.htm" CLASS=subtop target=detail>파우더</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>트윈케익</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>컴팩트</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>메이크업메이드</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<div id=box style="left:230;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지4-1.htm" CLASS=subtop target=detail>립스틱</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-2.htm" CLASS=subtop target=detail>립라이너</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-3.htm" CLASS=subtop target=detail>립그로스</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>아이새도우</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>마스카라</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>아이라이너</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>아이브로우</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>볼터치</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<div id=box style="left:485;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>여성향수</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>남성향수</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>남여 공용</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<div id=box style="left:610;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>기초</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>기능</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>쉐이빙</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<div id=box style="left:435;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지7-1.htm" CLASS=subtop target=detail>미용비누</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디클랜저</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디오일</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디로션</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디슬리밍</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>풋/핸드케어</A></td></tr></table>
<br>
</div>
<br>
<br>
<div id=box style="left:660;">
<br>
<table border="0" cellpadding="0" cellspacing="0" id="bluebox">
<br>
<tr><td>
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>네일</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>헤어</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>마사지/팩</A><IMG height=15 src="<a href="http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif" target=nlink>http://211.112.20.101/asp/project/img/top/images/line_dot_submenu.gif</a>">
<br>
<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>화장소품</A>
<br>
</td></tr></table>
<br>
</div>
<br>
<br>
<br>
<!--여기까지----->
<br>
<br>
<br>
<br>
</body>
<br>
</html>
<br>
<br>
<br>
<br>
<br>
<br>
--------------------- [원본 메세지] ---------------------
<br>
영자님 덕분에 여차여차해서 여기까지 오게 되었습니다...
<br>
<br>
<a href="http://211.112.20.101/asp/project/img/top/top2_1.html" target=nlink>http://211.112.20.101/asp/project/img/top/top2_1.html</a>
<br>
<br>
옆으로 하는거까지는 성공했는데...
<br>
<br>
처음 마우스가 가기까지는 서브가 나타나면 안되는데
<br>
<br>
창 뜨자마자 같이 나타나구요...<---첫번쟤 버그
<br>
<br>
버튼이미지에 마우스를 가져가면 서브메뉴가 나타나긴 하는데
<br>
<br>
왼쪽에 쏠려서 나옵니다..<---두번째 버그
<br>
<br>
버튼 바로 밑에 나오는방법 좀 가르쳐주세요...
<br>
<br>
<br>
밑에껀 제 소스구요
<br>
제가 실력이 워낙 허접하다보니
<br>
어느부분에 뭘넣구 빼야할지 좀 가르쳐주세요..
<br>
좋은하루되시구요..
<br>
더운 여름 건강 조심하세요...
<br>
<HTML>
<br>
<HEAD>
<br>
<TITLE>top2_1</TITLE>
<br>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<br>
<style type="text/css">
<br>
<!--
<br>
A:link { color: #666666; text-decoration: none }
<br>
A:visited { color: #666666; text-decoration: none }
<br>
A:active { color: #FF9933; text-decoration: none }
<br>
A:hover { color: #FF9933; BACKGROUND-COLOR: #FFFFFF; text-decoration: underline}
<br>
TD { FONT-SIZE: 10pt }
<br>
DIV { FONT-SIZE: 10pt }
<br>
A.top {color:#666666; text-decoration:none;}
<br>
A:hover.top {color:#FF9933;text-decoration:none;}
<br>
A.subtop {color:#666666; text-decoration:none;}
<br>
A:hover.subtop {color:#FF9933;text-decoration:underline;}
<br>
-->
<br>
</style>
<br>
<script language="JavaScript">
<br>
<!----
<br>
function MM_findObj(n, d) { //v3.0
<br>
var p,i,x;
<br>
if(!d) d=document;
<br>
if((p=n.indexOf("?"))>0&&parent.frames.length) {
<br>
d=parent.frames[n.substring(p+1)].document;
<br>
n=n.substring(0,p);
<br>
}
<br>
if(!(x=d[n])&&d.all) x=d.all[n];
<br>
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
<br>
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
<br>
return x;
<br>
}
<br>
function MM_showHideLayers() {
<br>
var i,p,v,obj,args=MM_showHideLayers.arguments;
<br>
for (i=0; i<(args.length-2); i+=3)
<br>
if ((obj=MM_findObj(args[i]))!=null) {
<br>
v=args[i+2];
<br>
if (obj.style) {
<br>
obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v;
<br>
}
<br>
obj.visibility=v;
<br>
}
<br>
}
<br>
------>
<br>
</script>
<br>
</HEAD>
<br>
<BODY BGCOLOR=#FFFFFF>
<br>
<!-- ImageReady Slices (top2_1.jpg) -->
<br>
<center>
<br>
<TABLE WIDTH=748 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<br>
<TR>
<br>
<TD rowspan=2>
<br>
<embed SRC="./images/rogo1.swf" WIDTH=145 HEIGHT=50></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_02.jpg" WIDTH=288 HEIGHT=50></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_03.jpg" WIDTH=54 HEIGHT=50></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_04.jpg" WIDTH=92 HEIGHT=50></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_05.jpg" WIDTH=103 HEIGHT=50></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_06.jpg" WIDTH=66 HEIGHT=50></TD>
<br>
</TR>
<br>
<TR>
<br>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_08.jpg" WIDTH=288 HEIGHT=25></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_09.jpg" WIDTH=54 HEIGHT=25></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_10.jpg" WIDTH=92 HEIGHT=25></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_11.jpg" WIDTH=103 HEIGHT=25></TD>
<br>
<TD>
<br>
<IMG SRC="images/top2_1_12.jpg" WIDTH=66 HEIGHT=25></TD>
<br>
</TR>
<br>
<br>
<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" text="#494949" bgcolor="#FFFFFF">
<br>
<br>
<script>
<br>
<br>
var mbc='#FFFFFF';
<br>
menu = new Array;
<br>
submenu = new Array;
<br>
<br>
menu[0] = '<A HREF="이동할페이지0.htm" CLASS=top target="detail"><img src="./images/top2_2_01.jpg" border="0"></A>';
<br>
menu[1] = '<A HREF="이동할페이지1.htm" CLASS=top target="detail"><img src="./images/top2_2_02.jpg" border="0"></A>';
<br>
menu[2] = '<A HREF="이동할페이지2.htm" CLASS=top target="detail"><img src="./images/top2_2_03.jpg" border="0"></A>';
<br>
menu[3] = '<A HREF="이동할페이지3.htm" CLASS=top target="detail"><img src="./images/top2_2_04.jpg" border="0"></A>';
<br>
menu[4] = '<A HREF="이동할페이지4.htm" CLASS=top target="detail"><img src="./images/top2_2_05.jpg" border="0"></A>';
<br>
menu[5] = '<A HREF="이동할페이지5.htm" CLASS=top target="detail"><img src="./images/top2_2_06.jpg" border="0"></A>';
<br>
menu[6] = '<A HREF="이동할페이지6.htm" CLASS=top target="detail"><img src="./images/top2_2_07.jpg" border="0"></A>';
<br>
menu[7] = '<A HREF="이동할페이지7.htm" CLASS=top target="detail"><img src="./images/top2_2_08.jpg" border="0"></A>';
<br>
menu[8] = '<A HREF="이동할페이지7.htm" CLASS=top target="detail"><img src="./images/top2_2_09.jpg" border="0"></A>';
<br>
<br>
submenu[0] = ''
<br>
submenu[1] = ''
<br>
submenu[2] = ''
<br>
submenu[3] = ''
<br>
submenu[4] = ''
<br>
submenu[5] = ''
<br>
submenu[6] = ''
<br>
submenu[7] = ''
<br>
submenu[8] = ''
<br>
<br>
<br>
submenu[0] += '<A HREF="이동할페이지1-1.htm" CLASS=subtop target=detail>스킨</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[0] += '<A HREF="이동할페이지1-2.htm" CLASS=subtop target=detail>로션</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[0] += '<A HREF="이동할페이지1-3.htm" CLASS=subtop target=detail>에센스</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[0] += '<A HREF="이동할페이지1-4.htm" CLASS=subtop target=detail>아스트리젠트</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[0] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>썬케어</A>';
<br>
<br>
<br>
<br>
<br>
submenu[1] += '<A HREF="이동할페이지1-1.htm" CLASS=subtop target=detail>아이케어</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[1] += '<A HREF="이동할페이지1-2.htm" CLASS=subtop target=detail>모공케어</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[1] += '<A HREF="이동할페이지1-3.htm" CLASS=subtop target=detail>화이트닝</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[1] += '<A HREF="이동할페이지1-4.htm" CLASS=subtop target=detail>페이스슬리링</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[1] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>노화방지</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[1] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>트러블케어</A>';
<br>
<br>
<br>
<br>
submenu[2] += '<A HREF="이동할페이지2-1.htm" CLASS=subtop target=detail>클렌징</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[2] += '<A HREF="이동할페이지2-2.htm" CLASS=subtop target=detail>폼클렌징</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[2] += '<A HREF="이동할페이지2-3.htm" CLASS=subtop target=detail>립/아이리무버</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[2] += '<A HREF="이동할페이지2-4.htm" CLASS=subtop target=detail>미용비누</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[2] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>각질제거</A>';
<br>
<br>
<br>
<br>
submenu[3] += '<A HREF="이동할페이지3-1.htm" CLASS=subtop target=detail>컨실러</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[3] += '<A HREF="이동할페이지3-2.htm" CLASS=subtop target=detail>파운데이션</A>';
<br>
submenu[3] += '<A HREF="이동할페이지3-3.htm" CLASS=subtop target=detail>파우더</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[3] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>트윈케익</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[3] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>컴팩트</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[3] += '<A HREF="이동할페이지1-5.htm" CLASS=subtop target=detail>메이크업메이드</A>';
<br>
<br>
<br>
submenu[4] += '<A HREF="이동할페이지4-1.htm" CLASS=subtop target=detail>립스틱</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-2.htm" CLASS=subtop target=detail>립라이너</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-3.htm" CLASS=subtop target=detail>립그로스</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>아이새도우</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>마스카라</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>아이라이너</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>아이브로우</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[4] += '<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>볼터치</A> ';
<br>
<br>
submenu[5] += '<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>여성향수</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[5] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>남성향수</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[5] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>남여 공용</A> ';
<br>
<br>
submenu[6] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>기초</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[6] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>기능</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[6] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>쉐이빙</A> ';
<br>
<br>
submenu[7] += '<A HREF="이동할페이지7-1.htm" CLASS=subtop target=detail>미용비누</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[7] += '<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디클랜저</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[7] += '<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디오일</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[7] += '<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디로션</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[7] += '<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>바디슬리밍</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[7] += '<A HREF="이동할페이지7-2.htm" CLASS=subtop target=detail>풋/핸드케어</A> ';
<br>
<br>
submenu[8] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>네일</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[8] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>헤어</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[8] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>마사지/팩</A><IMG height=15 src="./images/line_dot_submenu.gif" width=12>';
<br>
submenu[8] +='<A HREF="이동할페이지4-4.htm" CLASS=subtop target=detail>화장소품</A> ';
<br>
<br>
document.write('<table cellpadding=0 cellsapcing=0 border=0 width="748" bordercolor=#DDEEFD cellspacing=0><tr>');
<br>
<br>
for(i=0;i<submenu.length;i++)
<br>
{
<br>
document.write('<td bgcolor=#FFFFFF onMouseOver="javascript:colorIt(this);TopMenu('+i+')" align=center valign=middle ID=td'+i+'><font size=-1><a href="#" onClick="return(false)" onMouseOver="TopMenu('+i+')" CLASS=top>'+menu[i]+'</a></font></td>');
<br>
}
<br>
document.write('</tr><tr><td colspan='+(submenu.length)+' height=20 valign=middle BGCOLOR=#FFFFFF><ilayer id="top1" width=100% height=20><layer id="top2" width=100% height=20><div id="top3"></div></layer></ilayer></TD></TR></TABLE>');
<br>
<br>
function colorIt(tditem)
<br>
{
<br>
if(document.all)
<br>
{
<br>
document.all.td0.style.background=mbc;
<br>
document.all.td1.style.background=mbc;
<br>
document.all.td2.style.background=mbc;
<br>
document.all.td3.style.background=mbc;
<br>
document.all.td4.style.background=mbc;
<br>
document.all.td5.style.background=mbc;
<br>
document.all.td6.style.background=mbc;
<br>
document.all.td7.style.background=mbc;
<br>
document.all.td8.style.background=mbc;
<br>
<br>
tditem.style.background='#FFFFFF';
<br>
}
<br>
else if(document.ALLnTOP)
<br>
{
<br>
document.ALLnTOP("td0").style.background=mbc;
<br>
document.ALLnTOP("td1").style.background=mbc;
<br>
document.ALLnTOP("td2").style.background=mbc;
<br>
document.ALLnTOP("td3").style.background=mbc;
<br>
document.ALLnTOP("td4").style.background=mbc;
<br>
document.ALLnTOP("td5").style.background=mbc;
<br>
document.ALLnTOP("td6").style.background=mbc;
<br>
document.ALLnTOP("td7").style.background=mbc;
<br>
document.ALLnTOP("td8").style.background=mbc;
<br>
<br>
tditem.style.background='#FFFFFF';
<br>
}
<br>
}
<br>
<br>
function TopMenu(menu)
<br>
{
<br>
which = submenu[menu];
<br>
if (document.layers){
<br>
document.top1.document.top2.document.write('<font size=2>' + which + '</font>')
<br>
document.top1.document.top2.document.close()
<br>
}
<br>
else if (document.ALLnTOP)
<br>
{
<br>
document.ALLnTOP("top3").innerHTML='<font size=2>' + which + '</font>';
<br>
}
<br>
else if (document.all){
<br>
top3.innerHTML=' ';
<br>
top3.innerHTML='<font size=2>' + which + '</font>';
<br>
}
<br>
}
<br>
if (document.ALLnTOP)
<br>
colorIt(document.ALLnTOP(1));
<br>
else if (document.all){
<br>
colorIt(document.all.td1);
<br>
}
<br>
<br>
TopMenu(0);
<br>
<br>
</script>
<br>
<br>
<br>
<br>
</TABLE>
<br>
<br>
<br>
</center>
<br>
<!-- End ImageReady Slices -->
<br>
</BODY>
<br>
</HTML>
<br>
<!-- -->
]]>
카페 게시글
?? 태그 Q & A
<font color=red>답변
Re:영자님 덕분에 여차여차해서....
운영자
추천 0
조회 11
02.08.05 15:40
댓글 0
다음검색
