주메뉴를 클릭하면 하위메뉴가 열리고, 다른 메뉴를 클릭하면 이전 부메뉴들은 닫히게 됩니다
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="expires" content="-1">
<meta http-equiv="pragma" content="no-cache">
<title> jasko sample script </title>
<!---- [1단계] 아래 코드를 <HEAD> 와 <HEAD> 태그 사이에 붙여 넣으세요 --->
<style>
/* 메뉴판의 전체 테두리 설정 */
#main_panel
{
border:1px solid darkblue;
position:relative;
overflow:hidden;
}
/* 주메뉴의 스타일 설정 */
.head_item
{
background-color:gold;
font-size:12px;
font-family:굴림;
font:bold;
border-top:1px solid darkblue;
border-bottom:1px solid darkblue;
position:absolute;
left:0px;
text-align:left;
}
/* 부메뉴의 스타일 설정 */
.item
{
background-color:lightyellow;
font-family:굴림;
font-size:12px;
left:0px;
position:relative;
text-align:left;
}
.item_panel
{
position:absolute;
background-color:lightyellow;
left:0px;
}
.item_panel a
{
text-decoration:none;
color:black;
}
</style>
<script language="JavaScript" src="menu_09.js"></script>
<!------------------------- 여기까지 ------------------------------------>
</head>
<body>
<!---- [2단계] 아래의 방법으로 원하는 위치에 붙여 넣으세요 --->
<script language="JavaScript">
var Link = new Array();
// Link[번호] = "구분|제목:URL|타겟";
// 구분 : 0 = 주메뉴, 1 = 부메뉴
Link[0] = "0|자바스크립트";
Link[1] = "1|홈페이지|http://www.sir.co.kr|_blank";
Link[2] = "1|자바스크립트|www.sir.co.kr|_blank";
Link[3] = "1|자바 애플릿|http://www.sir.co.kr|_blank";
Link[4] = "1|CGI 스크립트|http://www.sir.co.kr|_blank";
Link[5] = "0|게시판들";
Link[6] = "1|묻고 답하고|http://www.sir.co.kr|_blank";
Link[7] = "1|자유 게시판|http://www.sir.co.kr|_blank"
Link[8] = "0|링크 사이트";
Link[9] = "1|다음 커뮤니케이션즈|http://www.sir.co.kr|_blank";
Link[10] = "1|야후 코리아|http://www.sir.co.kr|_blank";
Link[11] = "0|미디어 페이지";
Link[12] = "1|엠비씨 홈페이지|http://www.sir.co.kr|_blank";
Link[13] = "0|신문사 페이지";
Link[14] = "1|조선일보|http://www.sir.co.kr|_blank";
start(1);
</script>
</body>
</html>
<!--- [3단계] menu_09.js 파일을 같은 경로에 업로드 하세요 ---><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="expires" content="-1">
<meta http-equiv="pragma" content="no-cache">
<title> jasko sample script </title>
<!---- [1단계] 아래 코드를 <HEAD> 와 <HEAD> 태그 사이에 붙여 넣으세요 --->
<style>
/* 메뉴판의 전체 테두리 설정 */
#main_panel
{
border:1px solid darkblue;
position:relative;
overflow:hidden;
}
/* 주메뉴의 스타일 설정 */
.head_item
{
background-color:gold;
font-size:12px;
font-family:굴림;
font:bold;
border-top:1px solid darkblue;
border-bottom:1px solid darkblue;
position:absolute;
left:0px;
text-align:left;
}
/* 부메뉴의 스타일 설정 */
.item
{
background-color:lightyellow;
font-family:굴림;
font-size:12px;
left:0px;
position:relative;
text-align:left;
}
.item_panel
{
position:absolute;
background-color:lightyellow;
left:0px;
}
.item_panel a
{
text-decoration:none;
color:black;
}
</style>
<script language="JavaScript" src="menu_09.js"></script>
<!------------------------- 여기까지 ------------------------------------>
</head>
<body>
<!---- [2단계] 아래의 방법으로 원하는 위치에 붙여 넣으세요 --->
<script language="JavaScript">
var Link = new Array();
// Link[번호] = "구분|제목:URL|타겟";
// 구분 : 0 = 주메뉴, 1 = 부메뉴
Link[0] = "0|자바스크립트";
Link[1] = "1|홈페이지|http://www.sir.co.kr|_blank";
Link[2] = "1|자바스크립트|www.sir.co.kr|_blank";
Link[3] = "1|자바 애플릿|http://www.sir.co.kr|_blank";
Link[4] = "1|CGI 스크립트|http://www.sir.co.kr|_blank";
Link[5] = "0|게시판들";
Link[6] = "1|묻고 답하고|http://www.sir.co.kr|_blank";
Link[7] = "1|자유 게시판|http://www.sir.co.kr|_blank"
Link[8] = "0|링크 사이트";
Link[9] = "1|다음 커뮤니케이션즈|http://www.sir.co.kr|_blank";
Link[10] = "1|야후 코리아|http://www.sir.co.kr|_blank";
Link[11] = "0|미디어 페이지";
Link[12] = "1|엠비씨 홈페이지|http://www.sir.co.kr|_blank";
Link[13] = "0|신문사 페이지";
Link[14] = "1|조선일보|http://www.sir.co.kr|_blank";
start(1);
</script>
</body>
</html>
<!--- [3단계] menu_09.js 파일을 같은 경로에 업로드 하세요 ---><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 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 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기