테스트 사이트 - 개발 중인 베타 버전입니다
SIR

3단 레이어 소스

카이루
프로필 보기이 회원 글보기
 · 12년 전 · 2397
3list.jpg

 
<html>
<head>
 <title>3단 레이어</title>
</head>
<body class="frameBody">

<script type="text/javascript">
var WM_BOTTOM = "bottom";
var WM_RIGHT = "right";
var MARGIN_BOTTOM = 1;
var MARGIN_RIGHT = 1;
var currentItem = null;
var menuTrail = new Array();
var currentStyleOff = null;
function wmItemOn(item, level, styleOn, styleOff, submenuId, submenuPosition) {
  debug("level:" + level + ", styleOn:" + styleOn + ", styleOff:" + styleOff + ", submenu:" + submenuId + "/" + submenuPosition);
  stopOffTimer();
  // turn off previous item
  if (currentItem != null) {
    if (styleOff != currentStyleOff && currentStyleOff != null) {
      currentItem.className = currentStyleOff;
    } else {
      currentItem.className = styleOff;
    }
  }
  // make this item new current item
  currentItem = item;
  item.className = styleOn;
  currentStyleOff = styleOff;

  if (submenuId != null) {
    // take care of attached submenu
    hide(level);
    var menu = document.getElementById(submenuId);
    // item dimensions: item.offsetHeight, item.offsetWidth
    if (submenuPosition == WM_BOTTOM) {
      menu.style.top = findOffsetTop(item) + item.offsetHeight + MARGIN_BOTTOM;
      menu.style.left = findOffsetLeft(item);
    }
    if (submenuPosition == WM_RIGHT) {
      menu.style.top = findOffsetTop(item);
      menu.style.left = findOffsetLeft(item) + item.offsetWidth + MARGIN_RIGHT;
    }
    menu.style.visibility = "visible";
    menuTrail[level] = menu;
  } else {
    hide(level);
  }
}
function hide(level) {
  for (var i = level; i < menuTrail.length; i++) {
    menuTrail[i].style.visibility = "hidden";
  }
}
var timerID = null;
var timerOn = false;
var timecount = 250;
function wmStartOffTimer() {
  if (timerOn == false) {
    timerID = setTimeout("offAll()", timecount);
    timerOn = true;
  }
}
function stopOffTimer() {
  if (timerOn) {
    clearTimeout(timerID);
    timerID = null;
    timerOn = false;
  }
}
function offAll() {
  hide(0);
 
  if (currentStyleOff != null) {
    currentItem.className = currentStyleOff;
  }
 
  debug("All off by timer.");
}
var debugId = "wmDebug";
function debug(text) {
  var debug = document.getElementById(debugId);
  if (debug != null) {
     debug.innerHTML = "&raquo; " + text + "<br>" + debug.innerHTML;
  }
}
function findOffsetLeft(obj){
  var curleft = 0;
  if (obj.offsetParent){
    while (obj.offsetParent){
      curleft += obj.offsetLeft
        obj = obj.offsetParent;
    }
  }else if (obj.x){
    curleft += obj.x;
  }
  return curleft;
}
// Find total top offset.
function findOffsetTop(obj){
  var curtop = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent){
      curtop += obj.offsetTop
      obj = obj.offsetParent;
    }
  }else if (obj.y){
    curtop += obj.y;
  }
  return curtop;
}
 
</script>
<style>
.wmSubMenuHidden {position:absolute;visibility:hidden;}
.hItemOn  {width:100px;padding:3px;background:#DCDCDC;cursor:pointer;}
.hItemOff {width:100px;padding:3px;background:#F0F0F0;cursor:pointer;}
.vItemOn  {width:100px;padding:3px;background:#FFFFE6;border:1px solid #336699;cursor:pointer;}
.vItemOff {width:100px;padding:3px;background:#FFFFE6;cursor:pointer;}
</style>
 
 

<div class="vItemOff" onClick="javascript:window.location='#'"         onmouseover="javascript:wmItemOn(this,0,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  00</div>
<div class="vItemOff" onClick="javascript:window.location='#'"         onmouseover="javascript:wmItemOn(this,0,'vItemOn','vItemOff','vSubmenu1',WM_RIGHT);"  onMouseOut="wmStartOffTimer();">MENU  01 &raquo;</div>
<div class="vItemOff" onClick="javascript:window.location='#'"         onmouseover="javascript:wmItemOn(this,0,'vItemOn','vItemOff','vSubmenu2',WM_RIGHT);"  onMouseOut="wmStartOffTimer();">MENU  02 &raquo;</div>
<div class="vItemOff" onClick="javascript:window.location='#'"         onmouseover="javascript:wmItemOn(this,0,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  03</div>
<div id="vSubmenu1" class="wmSubMenuHidden">
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,1,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  11</div>
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,1,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  12</div>
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,1,'vItemOn','vItemOff','vSubmenu3',WM_RIGHT);"  onMouseOut="wmStartOffTimer();">MENU  13 &raquo;</div>
</div>
<div id="vSubmenu2" class="wmSubMenuHidden">
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,1,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  21</div>
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,1,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  22</div>
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,1,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  23</div>
</div>
<div id="vSubmenu3" class="wmSubMenuHidden">
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,2,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  31</div>
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,2,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  32</div>
<div class="vItemOff" onClick="javascript:window.location='#'"       onmouseover="javascript:wmItemOn(this,2,'vItemOn','vItemOff',null,null);" onMouseOut="wmStartOffTimer();">MENU  33</div>
</div>
</body>
</html>
 

첨부파일

3.html (11.9 KB, 4회)
목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
19384
기타 요즘 회원이미지 같은거 원으로 많이들하잖아요~ 1
27584
여백이 왜 생기는지 모르겠어요. 8
6013
개발자 커뮤니티 아시는데 있나요? 4
6004
브라우저 detection 8
27572
Less --> css 변환 도구에 대하여 11
5997
눈이 핑핑핑... 6
5992
페이지 우선권 문의 4
5981
함수 생성시... 10
5964
그누보드 required 옵션에 대하여 16
5952
에디터 뭐들 쓰세요? 11
5948
그누보드의 회원포인트를 현금화하는 것이 합법인가요? 3
5941
TBAjax 공개 합니다.~~ 6
5937
제이쿼리를 이용해서 PNG이동 및 투명도를 조정하면 익스에서 이미지 ㅔ두리에 검정색이 생깁니다. 3
5934
익스플로어 사이즈에 따라 img map 위치값이과 사이즈가 변하는 소스 없나요? 2
5931
메일 솔루션 써보신분 계신가요? 2
19383
MySQL mysqldump시 한글 깨짐문제..
5926
프로그램 의뢰에 대한 견적비용 4
5923
gnu5 게시판과 gblog 블로그 시스템을 하나로 합친 버전입니다.(UTF-8버전입니다) 2
5913
활동지수에 관하여... 9
24558
여전히 조용한 기획자 게시판..ㅋㅋㅋ 3
5912
페이팔 최소 결제 금액으로 1달러로 설정이 가능한가요?
30895
기타 X-UA-Compatible 서버에서 설정하기 4
27563
지운아빠님, mega 메뉴를 이렇게 약간 색상을 바꾸면 어떨까요? 8
5907
심심해서 메일전송 프로그램 만들었어요~~ㅋㅋ 4
5903
제작의뢰비( *,***,*** 원) 정도로 책정할 경우 3
5900
jquery 질문드립니다 2
27556
오늘 HTML5 에 대한 교육 받고왔습니다. 6
5898
정보 관리 기술사 자격증에 대해서요. 1
24555
기획자 게시판은 조용...하네요 2
5894
대구에서는 정모 안하나요?? 3
5893
자기경영에 대하여
5890
보통 야근 어느정도 하시나요?? 2
5884
제니퍼소프트...장난 아니네요 ㅋㅋㅋ 5
27537
less 관련 질문 18
5881
php 정규식에 대해 질문드립니다. 2
5878
jsp / java 개발자입니다. PHP좀 배워보고싶어서요 2
30888
CSS LESS 사용 시 에디트플러스에서 CSS 설정 및 구문강조 사용하기 6
30884
반응형 N스크린 개발에 유용한 framework enquire.js 3
5876
그누보드 설치시 한글깨짐 1
5874
ajax 구현과정 보기만해도 딱 아시는분...계신가요...ㅠㅠ; 1
27524
일단 이유를 막론하고 12
27514
ress가... 9
19379
jQuery 국내에서 개발된 개발자를 위한 자바스크립트 라이브러리 - AXISJ 3
19377
jQuery 깔끔한 탭메뉴 드립니다. 1
27509
codrops collective 4
5869
서버 메모리를 증설할려는데 잘몰라서.. 4
5866
정규식 질문입니다. 2
27505
지운아빠님 g5 이거 뭡니까?!!! 3
5865
선배님의 말씀중애...Core 단....Core 단....
5860
까페24 코드 수정 ㅡㅡ;; 4
5857
그누보드가 뭐죠? 2
27503
퍼블리셔 일을 구하고 있어요~ 1
27481
cshop 님의 반응형 웹 관련 댓글을 토론으로 이어가고자 글로써 올립니다. 21
27462
less 사용 중이신 분 있으신가요? 18
5856
그누보드 검색후 페이징 클릭하면!
19511
기타 2013년 SW기술자 노임단가 3
27458
너무 바빠서 오랫만에 왔더니 조용하네요 ㅡㅡ 3
24547
기획자분들은 조용하군요. ㅋ 7
19374
MySQL CentOS 6.3 싱글유저에서 mysql 백업 2
19373
PHP PHP 스크립트에서 에러메시지 제어하기 옵션
19371
MySQL Java에서 Mysql에 데이터를 넣을때 한글이 깨어지는 경우 1
27453
css 선언 순서.. 4
19370
기타 3단 레이어 소스 현재글
27449
아이패드에서 폰트사이즈 3
27441
코드를 깔끔하게 만들기 Code Beautifier 7
19366
PHP include된 파일목록 출력하기 3
24544
제주프라이스라는 사이트 운영중입니다. 2
19365
JavaScript 스크롤바 색깔 바꾸는 스크립트
19361
PHP 간단하게 파일을 쓰거나 읽는 함수 3
19360
JavaScript 윈도우의 창띄위기 소스입니다.
19358
JavaScript 익스에서 깜박임 글자 구현법 1
19356
JavaScript 자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다 1
19354
JavaScript 새창띄우는 소스입니다. 1
19351
PHP 숫자를 한글로 출력하게 해주는 함수 입니다. 2
19348
OS 파일에서 특정단어 찾아내는 팁 2
19346
PHP php+js의 배열연결법입니다. 1
19339
jQuery 제이쿼리를 이용한 펼침메뉴 1차입니다. 6
19334
jQuery 제이쿼리를 이용하여 파일을 업로드 하는 자료입니다. 4
5849
클라이언트의 요구는 메꿀수 없다? 6
27439
그누보드 회원가입시 달력클릭이 되지않아 회원가입이 안됩니다. 1
5846
게시판 생성하면 메인의 contents가 게시판 생성 개수만큼 늘어나서 보여요. ㅜ.ㅜ 2
27434
그누보드 처음 쓰는데 스킨이 전혀 안먹어요. 4
27429
tabindex를 많이 써도 괜찮나요. 4
19331
PHP 메쏘드 static 선언 2
19329
JavaScript 마우스 오버시 이미지 바꾸기 1
19328
JavaScript 일정시간후 스크립트 실행
5841
구글검색 차단할때.. 4
5840
이걸 어떻게 해야될가여''
19326
정규표현식 구글 로봇 접근막기! 1
5834
다이나믹한 화면제어 문의드립니다. 5
5831
다이나믹한 화면움직임 2
5826
공백과 쩜의 의미가 궁금합니다 4
19324
PHP 시리얼번호생성기 1
5821
php 에서 ?변수=값 4
32040
웹 접근성 진단․컨설팅 대상 웹 사이트 모집 안내(무료)
27426
으어어어어 모바일 홈페이지 2
19320
PHP for , while , if 편하게 사용하는 방법 3
5816
부등호 표시가 멀 의미하나요? 4
32030
어떤인간인지 모르지만 웹표준, 장차법 만든인간은 컴맹인게 분명하다. 9
5815
라디오버튼으로 원하는 값만 검색할수있게 하는거 어렵나요;;?
이전 다음
전체 목록