불여우에서도 되는 메뉴 3

개발자 기타

까만도둑

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

· 20년 전 · 조회 2647 2647

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

xmenu = new Array;
xsubmenu = new Array;
//타이틀 제목을 써준다
xmenu[0] = '<a href="#"><img src="../img/menu/menu1.gif" border="0"></a>';
xmenu[1] = '<a href="#"><img src="../img/menu/menu2.gif" border="0"></a>';
xmenu[2] = '<a href="#"><img src="../img/menu/menu3.gif" border="0"></a>';
xmenu[3] = '<a href="#"><img src="../img/menu/menu4.gif" border="0"></a>';

//기본값을 위해 해당 메뉴만큼 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*81)+' height=30 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='#ffffff';
		document.all.td1.style.background='#ffffff';
		document.all.td2.style.background='#ffffff';
		document.all.td3.style.background='#ffffff';

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

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

tditem.style.background='#ffffff';// 메뉴가 선택  되었을대 표(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에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
302	[HTML] 기본 구조 [1] #개발자 #기타	유아원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2185
301	사진 올라가는 효과~ [4] #개발자 #기타	수다쟁이오도리씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4305
300	iframe 사이즈 페이지에 맞게 자동 조절 [3] #개발자 #기타	나라오름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3760
299	타이틀바에도 시계넣기=33 [4] #개발자 #기타	=33 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2557
298	필터 이용하여 테이블에 그라데이션 효과 주기(I.E 6.0 전용) [3] #개발자 #기타	신이z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4787
297	타입 툴사용시 팁 [4] #개발자 #기타	bbking	20년 전	2499
296	쓸모있는 'border-collapse' 속성 [2] #개발자 #javascript	이근우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4487
295	페도라 리눅스 시디1장으로 설치하기 [1] #개발자 #linux	안전모 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3554
294	[펌] MySQL 3.23.52 -> 4.0.17 버전으로 업그레이드 설치하는법 #개발자 #mysql	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3565
293	IE - 스크롤바 색상의 정확한 적용 [2] #퍼블리셔 #html	이근우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3788
292	Warning: Illegal offset type in /home/account/xxx.php on line n #개발자 #기타	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3175
291	게시판 이나 테이블 <TD>값에 배경이미지 고정하기 [2] #개발자 #기타	yesmoa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5890
290	HTML Utopia:Designing Without Tables Using CSS [1] #퍼블리셔 #html	바세린 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2904
289	이미지를 미리 불러올(Preload) 필요가 없는 CSS Image Rollover [2] #개발자 #기타	이근우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5817
288	움직임이 자연스러운 자바시계 #개발자 #javascript	bbking	20년 전	2338
287	당신의 홈피에 머문시간을 상태표시줄에 보여주기. #개발자 #기타	bbking	20년 전	1752
286	마우스 cursor [3] #개발자 #javascript	bbking	20년 전	2124
285	그림자가 있는 글자 #개발자 #기타	bbking	20년 전	3513
284	6개국 시간 [2] #개발자 #기타	bbking	20년 전	2014
283	css_table [1] #개발자 #기타	bbking	20년 전	4382
282	css_table [1]	낭망백수 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3363
281	iframe 의 크기를 자동으로 지정 [1] #개발자 #기타	bbking	20년 전	2183
280	일러스트에서 한글 자판이 안먹힐때. [5] #개발자 #javascript	bbking	20년 전	7755
279	이미지 없이 CSS로 둥근 모서리 구현하기 [4] #개발자 #flash	까만도둑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5513
278	간결,빠름,불여우,익스 : 레이어 메뉴 [1] #개발자 #기타	플록 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2967