불여우에서도 되는 메뉴 3

개발자 기타

까만도둑

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

· 20년 전 · 조회 2648 2648

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

글쓰기

번호	제목	글쓴이	날짜	조회
227	웹호스팅해서 사용시 fopen을 사용하지 못할 경우 [1] #개발자 #php	최용섭 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2346
226	아파치 (apache) 인증 만들기 htaccess #퍼블리셔 #html	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5452
225	vim 의 펑션키 지정하기 [1] #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2515
224	fstab 내용 뒤에 숫자는 무엇인가? #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2954
223	vim 의 들여쓰기 + 색상 눈 덜피곤 c++ php 등.. (리눅스용) #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4205
222	vim 의 간단한 사용법 #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2604
221	[자바스크립트] 상태표시줄 제어 + 간단한 복사 제어 #개발자 #javascript	오딧세이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2282
220	/etc 디렉토리 아래의 파일들 [2] #개발자 #linux	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3657
219	shadow 잠금 해제 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2068
218	yum 설치 (redhat 7.3) #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3550
217	yum 업데이트 되는곳 7.3 or 페도라 #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2467
216	mysql 링크하기 #개발자 #mysql	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2897
215	tripwire 갱신 업데이트 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2201
214	mysql.sock 삭제 하였을 경우 #개발자 #mysql	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3325
213	가상 호스트 사용시 전송 속도 제한 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2916
212	가상호스트 무단링크 막기? #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3045
211	ps 시 화면 짤리는부분 보이게 하기 #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2150
210	파일 (폴더)의 퍼미션 골라 한꺼번에 바꾸기 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	1861
209	텔넷에서 다른 계정사용자의 홈디렉토리 접근 막기 #개발자 #linux	오딧세이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2335
208	chmod 의 스틱키 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	1966
207	tripwire 의 twr 파일 보기 #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	1662
206	최근 사용자 접속 리스트 보기 #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	1846
205	PuTTY (ssh,telnet,ftp) 접속시 사용 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3926
204	센드메일에서 메일 용량을 제한하기 #개발자 #기타	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	1656
203	atd 데몬 #개발자 #javascript	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	1997

• 20년 전

atd 데몬

#개발자 #javascript

This

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

• 20년 전