불여우에서도 되는 메뉴 2

개발자 javascript

까만도둑

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

· 20년 전 · 조회 2578 2578

<!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에서 해주시기 바랍니다.

글쓰기

번호	제목	글쓴이	날짜	조회
4802	고수님들 도와주세요. "웹 페이지 오류 세부 정보"에러가 뜨는데 [2] #개발자 #javascript	미자엄마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	6615
4801	구인 구직 사이트를 개발하고 싶은데 [3] #개발자 #기타	정승환 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	828
4800	www.hyundaiusa.com 메뉴를 좀 여쭤봅니다. [1] #개발자 #jquery	탐크루지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1147
4799	모바일 동영상게시판 그누보드스킨 중 무엇을 쓰면 좋을까요? #개발자 #mobile	막걸링 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1110
4798	jquery 드롭다운메뉴 질문입니다. #개발자 #jquery	락창 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2810
4797	JQuery 소스 해결 좀 부탁드립니다. #개발자 #jquery	흑루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	794
4796	UNION ALL 문의 드립니다람쥐~ ★★★★☆ [4] #개발자 #php	직화오리팡야 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1170
4795	ssl 웹페이지 적용 질문 드립니다. [3] #퍼블리셔 #html	으다다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1746
4794	방문자 늘리기VS개발능력 간 교환이 가능한가요? [2] #기획자	꿈꾸는인생 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1307
4793	공지사항이나 기타 메인페이지에 한줄씩 노출 [3] #개발자 #php	백제 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1510
4792	ssl 웹페이지 적용 질문드립니다. [6] #퍼블리셔 #html	으다다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1690
4791	서브도메인 연결 오류...해결 부탁드립니다. [1] #개발자 #mobile	막걸링 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	728
4790	프로그램 개발의뢰 하려는데요.. [3] #개발자 #기타	세황이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	712
4789	고수님들 도움좀 부탁드립니다! #퍼블리셔 #html	가우류 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1016
4788	웹 프로그래밍 강의사이트 [3] #개발자 #php	K찰스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1059
4787	PhotoSwipe(갤러리) js 소스 해결좀 부탁드립니다. [2] #개발자 #javascript	흑루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1828
4786	도메인 이탈을 이벤트로 알 수 있나요? [2] #개발자 #php	프토코이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	713
4785	초보자 궁금한게 있습니다! [3] #개발자 #javascript	high8sky 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	746
4784	네이버 순위 파싱 . php [1] #개발자 #php	Aten 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3128
4783	SNS와 연동하는 방법에 대한 수업입니다. [2] #개발자 #php	켈리얀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	875
4782	비밀글에 락이 걸리지 않습니다. 소스좀 봐주세요... [2] #개발자 #php	즐거운상상을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1144
4781	메뉴에서 무엇이 문제인가요? [2] #개발자 #jquery	포커슷 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	970
4780	스크립트 소숫점 자르기 #개발자 #javascript	K찰스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	1952
4779	안녕하세요~ RSS 질문입니다. [1] #개발자 #php	로날듀우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	674
4778	리눅스 yum으로 apm설치하기 [1] #개발자 #linux	순천홈페이지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2820

• 13년 전

리눅스 yum으로 apm설치하기 [1]

#개발자 #linux

순천홈페이지

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

• 13년 전