부드럽게 스크롤 되는 트리구조형 메뉴 스크립트
주메뉴를 클릭하면 하위메뉴가 열리고, 다른 메뉴를 클릭하면 이전 부메뉴들은 닫히게 됩니다
<!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개
19년 전
킁킁,,자바스크립트 파일은 어디에..?
Elbis
19년 전
파일 올렸습니다..
죄송합니다..ㅎㅎ
죄송합니다..ㅎㅎ
게시글 목록
| 번호 | 제목 |
|---|---|
| 10705 |
Linux
LINUX 해킹당했을 때 대처요령
2
|
| 10698 | |
| 10697 |
Flash
웹문서에 페이지 로딩중 효과 | SCRIPT
|
| 10693 |
JavaScript
플래쉬에서팝업창띄우기
3
|
| 10687 |
Flash
플래쉬 팁 여러가지
5
|
| 10683 | |
| 10681 | |
| 10680 | |
| 10677 | |
| 10671 | |
| 10670 |
JavaScript
smtp로 메일보내기(102번 게시물과는 다른 방법)
|
| 10666 | |
| 10664 |
JavaScript
아이프레임 자동으로 늘어나는 자바 스크립트.
1
|
| 10658 | |
| 10656 | |
| 10653 | |
| 10652 | |
| 10651 | |
| 10650 | |
| 10649 | |
| 10648 | |
| 10646 | |
| 10645 |
Linux
리눅스 CD로 망가진 파일복구하기
|
| 10642 |
MySQL
25가지 sql 작성법
2
|
| 28809 |
HTML
union top n 가져오기
1
|
| 10641 | |
| 10638 |
JavaScript
이미지 테두리 없애기 스타일 시트
2
|
| 10637 | |
| 10636 |
JavaScript
window.open property | +JavaScript
|
| 10635 | |
| 28808 | |
| 10634 |
JavaScript
이메일 selectbox | +JavaScript
|
| 10632 |
JavaScript
[Javascript] 끊기지 않는 배너 롤링
1
|
| 28807 |
HTML
[자바스크립트] 오늘 날짜 함수
|
| 28806 |
HTML
[자바스크립트] 라디오 버튼 비활성
|
| 10631 |
JavaScript
[Javascript] id값 변수명으로 치환
|
| 10630 | |
| 10629 |
기타
무단링크 금지 스크립트
|
| 28805 | |
| 10627 |
JavaScript
상태바의 링크 주소 감추기
1
|
| 10626 | |
| 10625 | |
| 28804 | |
| 28803 |
HTML
프레임 소스보기 막기
|
| 10624 | |
| 10623 | |
| 28802 | |
| 10622 | |
| 10620 | |
| 10619 | |
| 10618 | |
| 10616 | |
| 10615 | |
| 10613 | |
| 10611 |
MySQL
서버 상태 값 주기적으로 메일로 발송하기
1
|
| 28799 | |
| 10610 |
JavaScript
이미지도용막기
|
| 10608 | |
| 28798 |
HTML
유용한 PHP성능 개선을 위한 팁
|
| 10604 |
JavaScript
작업창이 상단메뉴바까지 올라가서 옮길수 없을때..
3
|
| 28794 |
HTML
포토샵 화면이 좁을경우..
3
|
| 10602 | |
| 10600 | |
| 28793 | |
| 10596 | |
| 10595 |
JavaScript
리눅스 SendMail 속도 UP
|
| 10593 |
기타
폼 검증용 함수
1
|
| 28792 | |
| 28791 | |
| 28790 |
HTML
콤보박스 출력용 함수
|
| 10592 |
JavaScript
특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수
|
| 28789 |
HTML
파일업로드 클래스~~
|
| 28787 |
HTML
날짜비교 함수
1
|
| 10591 |
JavaScript
자주사용하는 자바스크립트를 클래스로 묶어봤습니다.
|
| 10590 | |
| 10589 |
JavaScript
nylon 을 이용해 리눅스에서 sock4/5 운영하기
|
| 28785 | |
| 10588 |
JavaScript
Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49
|
| 10587 | |
| 28783 |
HTML
테이블안에 있는 글 자동 정렬하기
1
|
| 10586 | |
| 28782 | |
| 10585 |
JavaScript
Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60
|
| 10574 | |
| 10571 |
JavaScript
자신의 별자리
2
|
| 10570 |
JavaScript
Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50
|
| 28778 | |
| 10568 | |
| 10567 | |
| 28777 | |
| 10564 |
기타
레이어안에 달력
2
|
| 10562 | |
| 10561 |
기타
채널모드로 윈도우 열기
|
| 28776 |
HTML
전체화면으로 페이지 열기
|
| 10559 |
JavaScript
여러가지 방법으로 창닫기
1
|
| 10558 | |
| 28775 | |
| 28774 | |
| 10557 |
JavaScript
가짜 카운터 달기
|
| 10556 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기