[제나플러스] 레이어로 이루어진 간단한 메뉴 소스 입니다. > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[제나플러스] 레이어로 이루어진 간단한 메뉴 소스 입니다.

페이지 정보

본문

<script language="JavaScript">
<!--
function show_layer(lyr) { // 전체 레이어의 새로크기
document.all[lyr].style.height='180px';
}

function hidden_layer(lyr) { // 타이틀 부분의 레이어 세로크기
document.all[lyr].style.height='30px';
}

function start() { // 전체 레이어의 타이틀 부분 세로크기 - 레이어 이름 지정
document.all.Layer1.style.height='30px';
document.all.Layer2.style.height='30px';
document.all.Layer3.style.height='30px';
}
//-->
</script>

<body onLoad="start()">

<!--
레이어 추가시
레이어 부분을 복사 후 id명을 바꾸고 이 바꾼 id명을 위 자스의 전체 레이어 부분에 추가한 후
롤오버 부분에 id명을 적으면 됨.
//-->
<div id="Layer1" style="position:absolute; width:150px; height:180px; z-index:1; left: 10px; top: 10px; background-color: #FFFFCC; cursor: hand; overflow: hidden" onMouseOver="show_layer('Layer1')"; onMouseOut="hidden_layer('Layer1')">
<table border="0" width="150" height="180" cellspacing="0" cellpadding="0">
<tr>
<th height="30" align="center">Menu No.1</th>
</tr>
<tr>
<td height="145" align="center">
Menu No.1 -a<br>
Menu No.1 -b<br>
Menu No.1 -c<br>
Menu No.1 -d<br>
Menu No.1 -e<br>
</td>
</tr>
</table>
</div>

<div id="Layer2" style="position:absolute; width:150px; height:180px; z-index:1; left: 170px; top: 10px; background-color: #FFFFCC; cursor: hand; overflow: hidden" onMouseOver="show_layer('Layer2')"; onMouseOut="hidden_layer('Layer2')">
<table border="0" width="150" height="180" cellspacing="0" cellpadding="0">
<tr>
<th height="30" align="center">Menu No.2</th>
</tr>
<tr>
<td height="145" align="center">
Menu No.2 -a<br>
Menu No.2 -b<br>
Menu No.2 -c<br>
Menu No.2 -d<br>
Menu No.2 -e<br>
</td>
</tr>
</table>
</div>

<div id="Layer3" style="position:absolute; width:150px; height:180px; z-index:1; left: 330px; top: 10px; background-color: #FFFFCC; cursor: hand; overflow: hidden" onMouseOver="show_layer('Layer3')"; onMouseOut="hidden_layer('Layer3')">
<table border="0" width="150" height="180" cellspacing="0" cellpadding="0">
<tr>
<th height="30" align="center">Menu No.3</th>
</tr>
<tr>
<td height="145" align="center">
Menu No.3 -a<br>
Menu No.3 -b<br>
Menu No.3 -c<br>
Menu No.3 -d<br>
Menu No.3 -e<br>
</td>
</tr>
</table>
</div>
           
추천0

댓글목록

profile_image
Total 770건 26 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
145 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11795 0 09-14
144 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10981 0 09-14
143 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11941 0 09-29
142 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 14268 0 11-16
141 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12885 0 12-05
140 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12563 0 12-09
139 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15415 0 01-09
138 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10763 0 01-23
137 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11138 0 02-02
136 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10803 0 02-03
135 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 14699 0 02-04
134 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11601 0 02-04
133 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11980 0 02-06
132 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11379 0 02-06
131 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11444 0 02-06
130 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11898 0 02-08
129 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10671 0 02-08
128 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11202 0 02-17
127 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10889 0 02-19
126 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12089 0 02-19
125 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12766 0 02-19
124 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11914 0 02-25
123 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11068 0 03-17
122 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11176 0 03-23
121 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 13931 0 04-19

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
5,367
어제
7,420
최대
8,233
전체
1,521,492
Copyright (c) 株式会社YHPLUS. All rights reserved.