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

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

팁앤테크

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

페이지 정보

본문

<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건 1 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
825 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 1611 0 11-02
824 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2234 0 07-10
823 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3209 0 04-06
822 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3204 0 02-21
821 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2767 0 12-31
820 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3017 0 12-24
819 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2776 0 12-04
818 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2753 0 10-17
817 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2567 0 10-02
816 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2724 0 08-04
815 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2338 0 08-04
814 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2793 0 08-03
813 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3187 0 07-08
812 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3173 0 07-08
811 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 4827 0 07-06
810 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2660 0 06-09
809 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3123 0 06-03
808 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2925 0 04-16
807 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3265 0 03-29
806 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2934 0 03-26
805 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3829 0 03-12
804 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3083 0 03-10
803 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 3234 0 03-03
802 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 4790 0 02-28
801 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 5148 0 02-28

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
4,331
어제
7,784
최대
8,233
전체
1,536,192
Copyright (c) 株式会社YHPLUS. All rights reserved.