묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[re] 이 소스 해석좀..
2002.12.24 01:44
<script language="JavaScript"> // 스크맆트시작
<!--
var m_number = 4; // 서브메뉴의 갯수는 4
isNav4 = (document.layers) ? true:false;
isIE4 = (document.all) ? true:false; //익스플로워4 마잦냐 아니냐 ㅡㅡ
function show_menu(ID){ //show_menu(ID) ()속의 값을 받아서
if (isIE4) // 익스플로워면
ID.style.visibility = 'visible'; // ID 가로속의내용 의 style.visibility = 'visible'; 간단히 레이어를 보이게함
else if (isNav4) // 이건 네스케이프와 익스플로워에서 명령어차이때문에 나누어둔거에요..
ID.visibility = 'visible';
}
function hidden_menu(ID){ //hidden_menu(ID) 가로속에는 레이어의 이름이 들어가게쩌..
if (isIE4) //익스플로워로 접속해뜨면
ID.style.visibility = 'hidden'; // 레이어를 숨김
else if (isNav4)
ID.visibility = 'hidden'; }
function hidden_allmenu(){ //모든메뉴숨김 hidden_allmenu()
if (isIE4) //익스플로워면
for(var i = 1; i <= m_number; i++) // 처음에 지정한 메뉴의 겟수 4로되이쪄 1~4번 반복문입니다. 레이어를
{
eval ("menu" + i + ".style.visibility = 'hidden';"); // 숨김.. -0- 레이어이름은 menu1 ~4 인가보군요.
}
else if (isNav4)
for(var i = 1; i <= m_number; i++)
{
eval ("document.menu" + i + ".visibility = 'hidden';");
}
}
//-->
</script>
여기까지 에휴 그리어려워 보이진 않아요 ^ ^;;
<!-- 부메뉴 1번 -->
<div id="menu1" style="position:absolute; left:31px; top:40px; width:210px; height:15px; z-index:1; visibility: hidden">
<table width="300" border="0" cellspacing="1" cellpadding="1" bgcolor="#000000">
<tr bgcolor="#F5E6BC">
<td width="99"> <p align="center"><a href="#">Menu1-1</a></p></td>
<td width="99"> <div align="center"><a href="#">Menu1-2</a></div></td>
<td width="101" bgcolor="#F5E6BC"> <div align="center"><a href="#">Menu1-3</a></div></td>
</tr>
</table>
</div>
이건 html 태그져 ?? 메뉴를 꾸미시면 되구요.. -0- 이레이어들은 숨김속성으로 보이지않는 부분입니다..
서브 메뉴들이죠 위에 레이어 보이기 숨기기 스크립트가 지정하는대로 보여따가 숨겨따가하는것들이구요
<table border=0 cellpadding=0 cellspacing=0 width="600">
<tr>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu1)">
<img src="images/menu_01.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu2)">
<img src="images/menu_02.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu3)">
<img src="images/menu_03.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu4)">
<img src="images/menu_04.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu()">
<img src="images/menu_05.gif" width=80 height=24 border="0"></a></td>
<td width="200"> <img src="images/menu_06.gif" width=200 height=24></td>
</tr>
</table>
이부분은 주메뉴 항상보이는 메뉴들입니다.
onMouseOver="hidden_allmenu(); // 마우스가 해당부분에 올라 위치하면 히든올메뉴 모든 써브메뉴를 숨기고
show_menu(menu4) // 해당 서브메뉴 현재위치한곳의.. 서브메뉴만 표시합니다
자새히하자면
onMouseOver 이놈이 마우스가 위에 위치하면 머이런뜻입니다.
위치를해따면 hidden_allmenu(); 요놈하고 show_menu(menu4) 요놈을 실행시키는거죠
위에보시면 이해되시게찌만
hidden_allmenu(); 요놈은 모든 서브메뉴를숨기는 역할을합니다. 숨기는이유는? 메뉴가 4게까지있으면
4번째 에 마우스를올려따가 3번째메뉴에 가따댔을때 4번째메뉴는없어지고 3번째메뉴만 보여야하기때문이죠..
쪼끔 금솜씨가 딸리네여 ㅡㅡ;;
show_menu(menu4) 요놈은 가로속에 id 라고 되있어쪄..
id 에 menu4 가 들어간거에요 그럼위쪽에
function show_menu(ID){ //show_menu(ID) ()속의 값을 받아서
if (isIE4) // 익스플로워면
ID.style.visibility = 'visible'; // ID 가로속의내용 의 style.visibility = 'visible'; 간단히 레이어를 보이게함
else if (isNav4) // 이건 네스케이프와 익스플로워에서 명령어차이때문에 나누어둔거에요..
ID.visibility = 'visible';
}
내용중에서 ID 라고 되있는부분은 전부 menu4 라는값이 들어가져.
if (isIE4) if 는 만약이라는 뜻입니다 사전찾아보시묜 되고 ㅡㅡ;
if (isIE4) 만약 is 는 이다라는뜻이있져?? IE4 는 익스플로워 를뜻하는거구요
이어서하자면 만약 익스플로워이면 정두로해석..
menu4.style.visibility = 'visible'; 레이어의 스타일 속성중에visibility 의 값을 visible 로 바꾸는거져
visibility 는 눈에보이는 상태 눈에보임 같은 뜻이있구요
visible 는 눈에보이는 육안으로 볼수있는 이런뜻이있구요
hidden 는 숨겨진 숨은 비밀의 과같은뜻이있습니다
function hidden_menu(ID){ //hidden_menu(ID) 가로속에는 레이어의 이름이 들어가게쩌..
if (isIE4) //익스플로워로 접속해뜨면
ID.style.visibility = 'hidden'; // 레이어를 숨김
else if (isNav4)
ID.visibility = 'hidden'; }
이건 필요 없는 부분이 되어 버리는군요 ^ ^;;;;
대충 모르는 단어는 영어사전찾아보시면서하셔두 금방 해석되는 내용입니다.
html 태그들의 역할에 대해선 따로 언급하지않토록하겟습니다 ㅡㅡ;
도움되셧길 ...
도움되셔뜨면 합니다..
<!--
var m_number = 4; // 서브메뉴의 갯수는 4
isNav4 = (document.layers) ? true:false;
isIE4 = (document.all) ? true:false; //익스플로워4 마잦냐 아니냐 ㅡㅡ
function show_menu(ID){ //show_menu(ID) ()속의 값을 받아서
if (isIE4) // 익스플로워면
ID.style.visibility = 'visible'; // ID 가로속의내용 의 style.visibility = 'visible'; 간단히 레이어를 보이게함
else if (isNav4) // 이건 네스케이프와 익스플로워에서 명령어차이때문에 나누어둔거에요..
ID.visibility = 'visible';
}
function hidden_menu(ID){ //hidden_menu(ID) 가로속에는 레이어의 이름이 들어가게쩌..
if (isIE4) //익스플로워로 접속해뜨면
ID.style.visibility = 'hidden'; // 레이어를 숨김
else if (isNav4)
ID.visibility = 'hidden'; }
function hidden_allmenu(){ //모든메뉴숨김 hidden_allmenu()
if (isIE4) //익스플로워면
for(var i = 1; i <= m_number; i++) // 처음에 지정한 메뉴의 겟수 4로되이쪄 1~4번 반복문입니다. 레이어를
{
eval ("menu" + i + ".style.visibility = 'hidden';"); // 숨김.. -0- 레이어이름은 menu1 ~4 인가보군요.
}
else if (isNav4)
for(var i = 1; i <= m_number; i++)
{
eval ("document.menu" + i + ".visibility = 'hidden';");
}
}
//-->
</script>
여기까지 에휴 그리어려워 보이진 않아요 ^ ^;;
<!-- 부메뉴 1번 -->
<div id="menu1" style="position:absolute; left:31px; top:40px; width:210px; height:15px; z-index:1; visibility: hidden">
<table width="300" border="0" cellspacing="1" cellpadding="1" bgcolor="#000000">
<tr bgcolor="#F5E6BC">
<td width="99"> <p align="center"><a href="#">Menu1-1</a></p></td>
<td width="99"> <div align="center"><a href="#">Menu1-2</a></div></td>
<td width="101" bgcolor="#F5E6BC"> <div align="center"><a href="#">Menu1-3</a></div></td>
</tr>
</table>
</div>
이건 html 태그져 ?? 메뉴를 꾸미시면 되구요.. -0- 이레이어들은 숨김속성으로 보이지않는 부분입니다..
서브 메뉴들이죠 위에 레이어 보이기 숨기기 스크립트가 지정하는대로 보여따가 숨겨따가하는것들이구요
<table border=0 cellpadding=0 cellspacing=0 width="600">
<tr>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu1)">
<img src="images/menu_01.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu2)">
<img src="images/menu_02.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu3)">
<img src="images/menu_03.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu(); show_menu(menu4)">
<img src="images/menu_04.gif" width=80 height=24 border="0"></a></td>
<td width="80">
<a href="#" onMouseOver="hidden_allmenu()">
<img src="images/menu_05.gif" width=80 height=24 border="0"></a></td>
<td width="200"> <img src="images/menu_06.gif" width=200 height=24></td>
</tr>
</table>
이부분은 주메뉴 항상보이는 메뉴들입니다.
onMouseOver="hidden_allmenu(); // 마우스가 해당부분에 올라 위치하면 히든올메뉴 모든 써브메뉴를 숨기고
show_menu(menu4) // 해당 서브메뉴 현재위치한곳의.. 서브메뉴만 표시합니다
자새히하자면
onMouseOver 이놈이 마우스가 위에 위치하면 머이런뜻입니다.
위치를해따면 hidden_allmenu(); 요놈하고 show_menu(menu4) 요놈을 실행시키는거죠
위에보시면 이해되시게찌만
hidden_allmenu(); 요놈은 모든 서브메뉴를숨기는 역할을합니다. 숨기는이유는? 메뉴가 4게까지있으면
4번째 에 마우스를올려따가 3번째메뉴에 가따댔을때 4번째메뉴는없어지고 3번째메뉴만 보여야하기때문이죠..
쪼끔 금솜씨가 딸리네여 ㅡㅡ;;
show_menu(menu4) 요놈은 가로속에 id 라고 되있어쪄..
id 에 menu4 가 들어간거에요 그럼위쪽에
function show_menu(ID){ //show_menu(ID) ()속의 값을 받아서
if (isIE4) // 익스플로워면
ID.style.visibility = 'visible'; // ID 가로속의내용 의 style.visibility = 'visible'; 간단히 레이어를 보이게함
else if (isNav4) // 이건 네스케이프와 익스플로워에서 명령어차이때문에 나누어둔거에요..
ID.visibility = 'visible';
}
내용중에서 ID 라고 되있는부분은 전부 menu4 라는값이 들어가져.
if (isIE4) if 는 만약이라는 뜻입니다 사전찾아보시묜 되고 ㅡㅡ;
if (isIE4) 만약 is 는 이다라는뜻이있져?? IE4 는 익스플로워 를뜻하는거구요
이어서하자면 만약 익스플로워이면 정두로해석..
menu4.style.visibility = 'visible'; 레이어의 스타일 속성중에visibility 의 값을 visible 로 바꾸는거져
visibility 는 눈에보이는 상태 눈에보임 같은 뜻이있구요
visible 는 눈에보이는 육안으로 볼수있는 이런뜻이있구요
hidden 는 숨겨진 숨은 비밀의 과같은뜻이있습니다
function hidden_menu(ID){ //hidden_menu(ID) 가로속에는 레이어의 이름이 들어가게쩌..
if (isIE4) //익스플로워로 접속해뜨면
ID.style.visibility = 'hidden'; // 레이어를 숨김
else if (isNav4)
ID.visibility = 'hidden'; }
이건 필요 없는 부분이 되어 버리는군요 ^ ^;;;;
대충 모르는 단어는 영어사전찾아보시면서하셔두 금방 해석되는 내용입니다.
html 태그들의 역할에 대해선 따로 언급하지않토록하겟습니다 ㅡㅡ;
도움되셧길 ...
도움되셔뜨면 합니다..