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

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

팁앤테크

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

페이지 정보

본문

<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 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12329 0 04-10
249 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12301 0 11-18
248 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12287 0 09-17
247 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12273 0 09-20
246 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12261 0 06-03
245 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12251 0 03-18
244 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12240 0 08-07
243 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12239 0 03-05
242 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12233 0 01-12
241 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12232 0 03-08
열람중 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12215 0 11-28
239 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12207 0 02-13
238 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12203 0 03-03
237 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12191 0 11-07
236 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12186 0 10-11
235 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12184 0 07-16
234 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12182 1 04-18
233 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12181 0 02-13
232 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12180 0 12-05
231 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12175 0 04-24
230 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12169 0 10-18
229 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12155 0 08-27
228 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12151 0 09-17
227 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12150 0 11-28
226 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12150 0 04-30

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
3,629
어제
4,576
최대
7,259
전체
1,297,936
Copyright (c) 株式会社YHPLUS. All rights reserved.