불여우에서도 되는 메뉴 2

개발자 javascript

까만도둑

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 20년 전 · 조회 2557 2557

<!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에서 이동 됨]

댓글 작성

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

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
5152	자바스크립트를 이용해 모니터 해상도 구하기 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4153
5151	모바일 접속시 모바일 페이지로 이동하기 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3732
5150	SQL 문장의 실행순서 [8] #개발자 #mysql	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3129
5149	초보자들을 위한 팁(count편) [8] #개발자 #mysql	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3967
5148	대용량 InnoDB백업을 위한 솔루션을 찾다가 발견한 솔루션 입니다. [1] #개발자 #mysql	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4353
5147	트리거를 이용한 날짜 자동 업데이트 [4] #개발자 #mysql	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1585
5146	배열 순서 섞기 [12] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2711
5145	체크박스 전체선택/해제/반전 [8] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2703
5144	마우스휠이벤트 등록 및 활용 [5] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1244
5143	웹 접근성 소송/감리 관련 세미나 다녀왔습니다. [14] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1280
5142	IE7에서 float:right 버그에 관한 초간단 팁. [10] #퍼블리셔 #css	블랙스완 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	8397
5141	부분 프린터하기 [10] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1505
5140	GET으로 넘어온 파라미터 가져오기 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3743
5139	첨부파일 확장자 체크 [정규식] [3] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	6328
5138	iframe 아이프레임 투명처리 [3] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1546
5137	따로 odbc로 그누보드연동하여 로그인창을 만들었는데 #개발자 #mysql	노을라나 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1132
5136	주민번호 검사기 [1] #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1305
5135	프록시도 탐지하는 IP검증 및 차단 소스 #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3294
5134	화면 줌(ZOOM); 필요한분이 있으려나...; [6] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1072
5133	마우스가 특정영역을 벗어나면 강제로 창닫기 [3] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1814
5132	특수문자 활용하기 (배열표) [1] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1244
5131	utf8 체크하기 #개발자 #php	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	904
5130	탭 메뉴 처리 방법에 관한 의견 중 공감되는 의견을 퍼옵니다. [4] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1396
5129	웹서버 관리툴 - 초보도 전문가처럼 서버 관리 #개발자 #웹서버	민기만 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2109
5128	이미지에 커서를 대었을때 rollover와 rollout 효과주는 방법 [3] #개발자 #기타	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1381

• 12년 전

이미지에 커서를 대었을때 rollover와 rollout 효과주는 방법 [3]

#개발자 #기타

senseme

프로필 보기 이 회원 글보기 이 회원의 댓글보기

• 12년 전