불여우에서도 되는 메뉴 3

까만도둑

· 20년 전 · 조회 2633 2633

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
17628	계약서 홈페이지 제작계약서 v9.7.3 16	해피정	7,968	12년 전
17616	기획서 사이트맵 11	해피정	4,501	12년 전
17605	기획서 사이트제작순서 (참고) 10	해피정	7,672	12년 전
20033	CSS 모바일/테블릿의 @font-face 지원여부 2	전진	1,794	12년 전
10521	JavaScript 계층형 카테고리를 여러개 선택할수 있게 하는방법이 없을까요??	김준수사랑	1,222	12년 전
10518	jQuery 슬라이드 업 전체메뉴에 대해 질문드립니다. 2	darllim	2,712	12년 전
10517	OS 제가쓰는 데이터 백업 스크립트	슬픈외로움	1,348	12년 전
10514	OS 모바일에서 파일이첨부되지 않아요 2	프로프리랜서	1,081	12년 전
10504	MySQL mysql like 검색방법 9	프로프리랜서	4,594	12년 전
20029	웹접근성 웹접근성이란? 3	프로프리랜서	1,557	12년 전
10499	JavaScript 자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다 4	프로프리랜서	915	12년 전
10491	jQuery jquery로 펼침 메뉴 입니다. 7	프로프리랜서	3,716	12년 전
10485	PHP PHP변수를 스크립트로 쓸때 5	프로프리랜서	910	12년 전
20020	웹접근성 웹표준형 화면 확대/축소 8	돼지코구뇽	4,504	12년 전
10484	MySQL 그누보드 설치시 첫번째 MYSQL 정보 입력이 자꾸 어긋나요....	새와바람	802	12년 전
10470	Mobile 끊기지 않는 세션을 만들려면 어떻게? 13	지러유	8,678	12년 전
10463	JavaScript [툴팁] 성능을 고려해서 jquery 와 자바스크립트를 잘 선택해서 사용해야합니다. 6	시누이	2,473	12년 전
280	프로그램 UI 저작권 문의드려요 3	김석준9	2,993	12년 전
20019	CSS 익스플로러에서 CSS3의 컬러속성을 필터로 사용하도록 변경해주는 사이트	port	1,618	12년 전
10459	MySQL csv 편집 방법? 3	지러유	1,891	12년 전
10455	기타 크롬 확장 프로그램 - secure shell 3	프로맘보	1,984	12년 전
10447	OS 특정 폴터 압축하여 보관하기 7	프로프리랜서	1,058	12년 전
10437	OS 파일에서 특정 단어 찾아내기 9	프로프리랜서	1,245	12년 전
10433	JavaScript 자바스크립트 해킹 공격에 대한 방어 3	시누이	2,302	12년 전
10427	PHP php 스크립트로 간단히 mysql 백업하기 5	흥힝힝	4,303	12년 전

이전 다음

44 45 46 47 48

전체 목록