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

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

팁앤테크

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

페이지 정보

본문

<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 825건 24 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
250 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12458 0 11-18
249 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12454 0 04-10
248 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12439 0 09-20
247 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12396 0 06-03
246 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12391 0 03-08
245 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12388 0 09-17
244 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12387 0 03-18
243 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12379 0 03-05
242 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12378 0 02-17
241 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12377 0 07-16
240 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12368 0 01-12
239 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12363 0 09-30
열람중 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12361 0 11-28
237 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12359 0 08-07
236 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12356 0 11-07
235 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12340 0 02-13
234 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12340 0 08-27
233 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12340 0 02-13
232 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12340 0 12-05
231 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12337 0 08-07
230 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12334 1 04-18
229 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12332 0 10-18
228 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12329 0 03-03
227 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12321 0 10-11
226 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12318 0 01-07

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
4,785
어제
4,316
최대
7,259
전체
1,337,592
Copyright (c) 株式会社YHPLUS. All rights reserved.