불여우에서도 되는 메뉴 2

까만도둑

· 20년 전 · 조회 2542 2542

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<base target="main">
<title> 메뉴</title>
</head>

table_height = 20; // 표(Table) 높이를 정한다.

xmenu = new Array;
xsubmenu = new Array;
//타이틀 제목을 써준다
xmenu[0] = 'menu1';
xmenu[1] = 'menu2';
xmenu[2] = 'menu3';
xmenu[3] = 'menu4';

//기본값을 위해 해당 메뉴만큼 null값을 채워준다
xsubmenu[0] = ''
xsubmenu[1] = ''
xsubmenu[2] = ''
xsubmenu[3] = ''

xsubmenu[0] += '<a href="#" class=menudyn3>menu1-1</a>';

xsubmenu[1] += '<a href="http://google.co.kr" class=menudyn3>menu2-1</a>';

xsubmenu[2] += '<a href="#" class=menudyn3>menu3-1</a>';
xsubmenu[2] += ' <font color=#FFFFFF>|</font> '
xsubmenu[2] += '<a href="http://google.co.kr" target="_blank" class=menudyn3>menu3-2</a>';
xsubmenu[2] += ' <font color=#FFFFFF>|</font> '
xsubmenu[2] += '<a href="http://google.co.kr" class=menudyn3>menu3-3</a>';

xsubmenu[3] += '<a href="#" class=menudyn3>menu4-1</a>';
xsubmenu[3] += ' <font color=#FFFFFF>|</font> '
xsubmenu[3] += '<a href="hayan.htm" class=menudyn3>menu4-2</a>';
xsubmenu[3] += ' <font color=#FFFFFF>|</font> '
xsubmenu[3] += '<a href="family.htm" class=menudyn3>menu4-3</a>';

//메뉴에 스타일 시트 적용
document.write('<STYLE TYPE="text/css">');
document.write('A.menudyn3 {color:#333333; text-decoration:none;}');
document.write('A:link {text-decoration: none}');
document.write('A:visited {text-decoration: none}');
document.write('A:hover {color: #999999; text-decoration: none}');
document.write('BODY,tr,td,INPUT{font-size:9pt;font-family:Verdana,굴림,Tahoma,Verdana,MS Sans Serif,Courier New;}');

document.write('</STYLE>');

// 테이블 시작
document.write('<div align=center>');
document.write('<table width='+(xsubmenu.length*100)+' bgcolor=#FFFFFF cellpadding=0 cellspacing=0 border=0>');
document.write('<tr>');
document.write('<td>');
document.write('<table cellpadding=5 cellspacing=1 border=0 width=100%>');
document.write('<tr>');

// 메인메뉴 시작
for(i=0;i<xsubmenu.length;i++) {
	document.write('<td onMouseOver="javascript:colorIt(this);MajMenu('+i+')" align=center ID=td'+i+'>');
	document.write('<b><a href="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" CLASS=menudyn3>'+xmenu[i]+'</a></b>');
	document.write('</td>');
// 메인메뉴 끝

}
document.write('</tr>');
document.write('<tr>');

//서브메뉴 시작
var td_align= "center";  // 서브메뉴 수평 정렬 (left,center,right)
document.write('<td colspan='+(xsubmenu.length)+' bgcolor=#ffffff height='+table_height+' align='+td_align+' valign=middle>');
document.write('<ilayer id="dynamenu31" width=100% height='+table_height+'>');
document.write('<layer id="dynamenu32" width=100% height='+table_height+'>');
document.write('<div id="dynamenu33"> </div>');
document.write('</layer>');
document.write('</ilayer>');
document.write('</td>');
//서브메뉴 끝

document.write('</tr></table>');
document.write('</td></tr></table>');
document.write('</div>');
// 테이블 끝

// 테이블 백그라운드 컬러 시작

function colorIt(tditem) {
	if(document.all) { // 메뉴가 늘어나면 추가한다 ==> 선택안되을때  배경색
		document.all.td0.style.background='#AABBFF';
		document.all.td1.style.background='#AABBFF';
		document.all.td2.style.background='#AABBFF';
		document.all.td3.style.background='#AABBFF';

tditem.style.background='#FFAAAA';// 메뉴가 선택  되었을대 표(Table) 배경색

} else if(document.getElementById) { // 메뉴가 늘어나면 추가한다 ==> 선택안되을때  배경색
		document.getElementById("td0").style.background='#AABBFF';
		document.getElementById("td1").style.background='#AABBFF';
		document.getElementById("td2").style.background='#AABBFF';
		document.getElementById("td3").style.background='#AABBFF';

tditem.style.background='#FFAAAA';// 메뉴가 선택  되었을대 표(Table) 배경색
	}
}
//테이블 백그라운 컬러 끝

if (document.getElementById)
	colorIt(document.getElementById("td0"));  // 현재 기본은 td0 ==> 메뉴1로 지정됨
else if (document.all)
	colorIt(document.all.td0);  // 현재 기본은 td0 ==> 메뉴1로 지정됨

MajMenu(0);  // 기본 서브메뉴 지정 ==> 현재 서브 메뉴 1로 지정됨
</SCRIPT>

</body>

</html>

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
610	PHP 아파치 무단링크 막기 2	This	3,353	20년 전
609	MySQL MySQL optimization 한글번역문서 (최영봉님 글)	root	3,698	20년 전
607	기타 서브도메인 자동셋팅 Rewrite(리눅스 BIND, 아파치설정) 1	ⓒⓒⓒ	8,505	20년 전
606	기타 불여우 iframe 에서 지원하는 on 이벤트	관리자	2,559	20년 전
601	기타 불여우에서도 되는 메뉴 6 4	까만도둑	3,715	20년 전
596	기타 불여우에서도 되는 메뉴 5 4	까만도둑	3,165	20년 전
595	기타 불여우에서도 되는 메뉴 4	까만도둑	2,566	20년 전
594	기타 불여우에서도 되는 메뉴 3	까만도둑	2,633	20년 전
593	JavaScript 불여우에서도 되는 메뉴 2 현재글	까만도둑	2,543	20년 전
591	기타 불여우에서도 되는 메뉴 1 1	까만도둑	2,824	20년 전
588	MySQL NuxOne 2.1 배포판에 proftpd-1.2.10 설치한후 apache-2.0.52 php-5.0.3 mysql-4.1.8 설치하기 2	damoa.biz	3,001	20년 전
587	기타 [PHP 기초] 2차원 배열의 내용 임의 출력하기	짱이	5,262	20년 전
586	기타 [PHP 기초] 배열에 임의 값 채우기	짱이	3,870	20년 전
17818	HTML document.all("Object명") vs document.getElementsByName("Object명") 1	관리자	4,905	20년 전
585	JavaScript 셀렉트박스와 레이어가 겹칠시 레이어가 셀렉트 박스 뒤로 숨는 현상을 해결하는 함수	관리자	6,171	20년 전
582	기타 [PHP 기초] 달력 만들기 2	짱이	7,297	20년 전
581	기타 [PHP 기초] 구구단표 만들기	짱이	18,332	20년 전
579	PHP 정규식 (Regular Expression Functions) 1	관리자	6,790	20년 전
578	MySQL MySQL 3.23.x에서 4.0.x로 업그레이드시 주의사항	관리자	2,843	20년 전
577	기타 사용자 계정 및 계정 관리	관리자	4,101	20년 전
576	JavaScript RH7.3 설치후 해주어야 할것들	prosper	2,448	20년 전
575	PHP Apache1.3.xx버전 설치후 httpd.conf 설정	prosper	4,222	20년 전
573	기타 (자작)shell 프로그래밍으로 한꺼번에 많은 유저 생성하기 1	아우겐나이스	2,864	20년 전
572	기타 한번만 submit 되게 합니다	예진맘	2,214	20년 전
571	기타 영문자나 숫자만 입력 할 수 있습니다	예진맘	2,433	20년 전

이전 다음

전체 목록