댓글 1개
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style>
/*스타일 시트에서 추가해줄부분*/
.top_menu_btn a {
text-decoration: none;
position: relative;
display: block;
margin-top: 3px;
}
.top_menu_btn a:hover {
text-decoration: none;
margin-top: 5px;
}
</style>
<!-- layer menu -->
<table width='400' border="1" cellpadding="0" cellspacing="2" border="0" class="top_menu_btn">
<tr>
<td valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','show','TopMenu2','','hide')" onfocus='this.blur()'>메뉴1</a></td>
<td valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','hide','TopMenu2','','show')" onfocus='this.blur()'>메뉴2</a></td>
<td background="" valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','hide','TopMenu2','','hide')" onfocus='this.blur()'>메뉴3</a></td>
<td background="" valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','hide','TopMenu2','','hide')" onfocus='this.blur()'>메뉴4</a></td>
</tr>
</table>
<!-- /layer menu -->
*참고로 아래 서브메뉴 부분은 테이블태그에 구애받지 마시고 <body>태그 바로아래 두는 것이 위치제어를 위해 좋습니다.
<!-- layer menu sub 위치제어를 위해 내어옮김 -->
<div id="TopMenu1" style="position:absolute; width:780px; height:30px; z-index:1; left: 300px; top: 450px; visibility: hidden;">
<table width='300' cellpadding="0" cellspacing="0" border='1' class="top_menu_btn">
<tr>
<td><a href="l" title="">서브1</a></td>
<td><a href="" title="">서브2</a></td>
<td><a href="" title="">서브3</a></td>
<td><a href="" title="">서브4</a></td>
</tr>
</table>
</div>
<div id="TopMenu2" style="position:absolute; width:780px; height:30px; z-index:1; left: 400px; top: 450px; visibility: hidden;">
<table width='300' cellpadding="0" cellspacing="0" border='1' class="top_menu_btn">
<tr>
<td><a href="" title="">서브a</a></td>
<td><a href="" title="">서브b</a></td>
<td><a href="" title="">서브c</a></td>
<td><a href="" title="">서브d</a></td>
</tr>
</table>
</div>
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style>
/*스타일 시트에서 추가해줄부분*/
.top_menu_btn a {
text-decoration: none;
position: relative;
display: block;
margin-top: 3px;
}
.top_menu_btn a:hover {
text-decoration: none;
margin-top: 5px;
}
</style>
<!-- layer menu -->
<table width='400' border="1" cellpadding="0" cellspacing="2" border="0" class="top_menu_btn">
<tr>
<td valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','show','TopMenu2','','hide')" onfocus='this.blur()'>메뉴1</a></td>
<td valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','hide','TopMenu2','','show')" onfocus='this.blur()'>메뉴2</a></td>
<td background="" valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','hide','TopMenu2','','hide')" onfocus='this.blur()'>메뉴3</a></td>
<td background="" valign="top"><a href="" onMouseOver="MM_showHideLayers('TopMenu1','','hide','TopMenu2','','hide')" onfocus='this.blur()'>메뉴4</a></td>
</tr>
</table>
<!-- /layer menu -->
*참고로 아래 서브메뉴 부분은 테이블태그에 구애받지 마시고 <body>태그 바로아래 두는 것이 위치제어를 위해 좋습니다.
<!-- layer menu sub 위치제어를 위해 내어옮김 -->
<div id="TopMenu1" style="position:absolute; width:780px; height:30px; z-index:1; left: 300px; top: 450px; visibility: hidden;">
<table width='300' cellpadding="0" cellspacing="0" border='1' class="top_menu_btn">
<tr>
<td><a href="l" title="">서브1</a></td>
<td><a href="" title="">서브2</a></td>
<td><a href="" title="">서브3</a></td>
<td><a href="" title="">서브4</a></td>
</tr>
</table>
</div>
<div id="TopMenu2" style="position:absolute; width:780px; height:30px; z-index:1; left: 400px; top: 450px; visibility: hidden;">
<table width='300' cellpadding="0" cellspacing="0" border='1' class="top_menu_btn">
<tr>
<td><a href="" title="">서브a</a></td>
<td><a href="" title="">서브b</a></td>
<td><a href="" title="">서브c</a></td>
<td><a href="" title="">서브d</a></td>
</tr>
</table>
</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 9921 | |
| 28612 |
HTML
사용자 웹브라우저의 이름 알려주기
|
| 28611 | |
| 28605 | |
| 9920 |
JavaScript
Samba 설정
|
| 9916 | |
| 9915 | |
| 28596 | |
| 9906 |
JavaScript
Ajax(Asynchronous JavaScript and XML)란?
8
|
| 28572 |
HTML
if
23
|
| 28564 |
HTML
iinclude와 조건문
7
|
| 9898 | |
| 24744 | |
| 24742 | |
| 24741 | |
| 24736 | |
| 28558 | |
| 9896 | |
| 9893 | |
| 9892 |
JavaScript
웹문서에 주소창 넣기 스크립트
|
| 9891 | |
| 9890 | |
| 28557 | |
| 9889 | |
| 9888 |
JavaScript
폼 항목중 입력하지 않을때 경고창 띄우기
|
| 9887 | |
| 9885 | |
| 9884 |
JavaScript
아기창 자동으루 띄우고 엄마창 자동으루 죽이기
|
| 28555 | |
| 9883 | |
| 9881 |
MySQL
rrdtool 사용하기
1
|
| 9880 | |
| 9879 | |
| 9878 |
MySQL
메일,홈계정 쿼터 적용하기
|
| 9877 |
기타
파일을 분할 압축방법
|
| 9876 |
MySQL
mysql 부팅시 실행 시키기
|
| 9873 |
JavaScript
mod_rewrite 모듈 설치
2
|
| 9871 |
MySQL
phpMyadmin 웹호스팅 설정
1
|
| 9864 | |
| 9840 |
기타
머리카락 패스따기
23
|
| 9836 | |
| 9834 | |
| 9832 |
Flash
초짜의 Fade_Out_Effect 연습
1
|
| 9830 |
Flash
초짜의 Shadow_Effect 연습
1
|
| 9828 | |
| 9826 |
Flash
초짜의 Typo_Graphy 트위닝 연습
1
|
| 9797 | |
| 9754 | |
| 9709 | |
| 9686 | |
| 9646 | |
| 9634 | |
| 9617 | |
| 9615 | |
| 9613 | |
| 28553 | |
| 9611 | |
| 9607 | |
| 24726 | |
| 24725 | |
| 24721 | |
| 9569 | |
| 9567 |
Flash
플래시강좌 진행중입니다.
1
|
| 9550 | |
| 9531 | |
| 9527 |
JavaScript
접속자 아이피 출력(1원짜리 팁)
3
|
| 28550 | |
| 9493 | |
| 9479 | |
| 9431 | |
| 9418 | |
| 9372 | |
| 9331 | |
| 9267 | |
| 9216 | |
| 9215 | |
| 9214 |
JavaScript
리눅스 설치 후 해야 할 일
|
| 28549 | |
| 28548 |
HTML
데이터베이스의 생성, 선택, 보기
|
| 9213 |
JavaScript
[PHP동영상강좌] 프로그래밍 본격 시작 - 01
|
| 28543 |
HTML
포토샵 CS 브러쉬 툴 강좌
4
|
| 9211 | |
| 9210 | |
| 9208 | |
| 24718 | |
| 24706 | |
| 24702 |
기획서
[엑셀] 웹기획서
3
|
| 24701 | |
| 24698 |
견적서
쇼핑몰 제작 견적서
2
|
| 24695 |
계약서
쇼핑몰 계약서
2
|
| 9202 |
JavaScript
시원한 테이블 메뉴 스크립트
5
|
| 28540 | |
| 24688 | |
| 9194 |
Flash
IE 패치에 따른 플래시 이용방식 변경
7
|
| 24679 |
계약서
홈페이지 계약서
8
|
| 24674 | |
| 24670 | |
| 9193 |
정규표현식
[브라우저]브라우저명을 정확히 알아내기
|
| 9191 |
JavaScript
[위치관련]팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기
1
|
| 9190 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기