3단 레이어 소스 > 개발자팁

현재접속자 최신글 매뉴얼 FAQ

그누보드5

그누보드5

데모

자료실

창작마당

영카트5

데모

자료실

창작마당

그누보드6

가이드

포럼

파이써니스타

자료실

Q & A

궁금한 게 있으신가요? 지금 질문해보세요!

솔루션

프로그래밍

서버

사이트운영

컨텐츠몰

나의 재능을 팔아보세요!

부가서비스

프로모션! 신용카드 결제수수료 2.9%

제작의뢰

커뮤니티

스터디

강좌

기타

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

출석체크 포인트가위바위보 포인트야구게임

3단 레이어 소스 정보

기타 3단 레이어 소스

첨부파일

3.html (11.9K) 14회 다운로드 2013-10-10 17:29:05

목록

본문

<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 = "» " + 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 »</div>
<div class="vItemOff" onClick="javascript:window.location='#'"         onmouseover="javascript:wmItemOn(this,0,'vItemOn','vItemOff','vSubmenu2',WM_RIGHT);" onMouseOut="wmStartOffTimer();">MENU 02 »</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 »</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>

추천
1

댓글 0개

목록

전체 5,352

글쓰기

출석체크 포인트가위바위보 포인트야구게임

개별 목록 구성 번호 제목 작성자 작성일 추천 조회
스낵24 킹갓성비 과자선물세트 80

경매

2024-04-26 15:40:24
카페24서버 php7 에서 mssql 연결 안될때 활용법 1

5352

멀티트리플 자기소개 아이디로 검색 전체게시물 회원게시물 23.10.30 1 567
기타 유튜브 스크립트, 비메오 3

5351

슈퍼스타맨 자기소개 아이디로 검색 전체게시물 회원게시물 23.10.24 3 727
오라클 무료 티어 또는 AWS 대한민국 리전에서 클라우드플레어 사용시 사이트 속도 느림

5350

푸른악마 자기소개 아이디로 검색 전체게시물 회원게시물 23.12.19 0 561
간단한 스크롤 진행률 표시기 구현하기 2

5349

김서훈 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.10 4 482
간단한 스크롤 진행률 표시기 구현하기 3

5348

김서훈 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.10 4 422
nprogress bar&Circle 수정본 입니다.

5347

들레아빠 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.15 2 285
도커(docker) 웹관리 프로그램인 dockge 설치 및 사용방법 6

5346

바다클라우드 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.09 3 1711
aws라이트세일에 그x보드 설치 4

5345

뽕엄능브라 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.16 3 618
2개 이상의 button 누르면 각 ifrme 으로 페이지 열기 2

5344

해피정 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.16 3 532
불펌금지 자바스크립트 16

5343

GREENnBLUE 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.18 12 1068
러시아 이용자들을 효과적으로 차단하기 7

5342

Tak2 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.22 12 864
그누보드 폰에서 돌리기 (Termux) 11

5341

Tak2 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.25 1 1499
F12 키를 쉽게 비활성화 시키기

5340

시리즈8 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.03.09 0 166
JavaScript 글자수 제한 가장 쉬운판.중 하나

5339

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.26 0 133
OS aws 아이피 모조리 차단하기 -웹호스팅 사용자는 불가-

5338

길가던분 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.25 0 136
PHP 포럼 출력소스 [ 샘플본 ]

5337

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.23 0 205
PHP 게시판별 카테고리 만들기.

5336

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.18 0 171
PHP 댓글이나 답글은 로직이 같다.

5335

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.17 0 160
PHP 카테고리 만드는 예제.

5334

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.16 0 169
PHP 엑셀로 EXPORT 할때 사용하기 좋은 방법

5333

techstar 자기소개 아이디로 검색 전체게시물 회원게시물 24.02.05 0 253
JavaScript 문구 복사하기 자바스크립트

5332

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.28 0 167
PHP 그룹의 그룹내 사용자가 전체 메시지 보내기.

5331

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.28 0 133
PHP 사용자 그룹 통합 해제(해제는 삭제)

5330

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.27 0 115
PHP 랜덤값 만들기 겹치기는

5329

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.27 0 135
PHP 만들고 보니 카톡의 단톡방 톡방 패러디 .....

5328

piadream 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.27 0 170
PHP 그누보드로 다중검색을 구현해보니..

5327

techstar 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.19 1 208
정규표현식 정규표현식 쉽게 이해하는 방법 좀 가르켜주세요

5326

linlinHuang 자기소개 아이디로 검색 전체게시물 회원게시물 24.01.16 0 165
JavaScript 페이지 로딩 애니메이션

5325

솔루션개발 자기소개 아이디로 검색 전체게시물 회원게시물 23.12.28 1 290
PHP docker 활용한 php 환경 구성 10

5324

Laraveler 자기소개 아이디로 검색 전체게시물 회원게시물 23.12.18 6 1258
PHP 데이타 1개 가져오기 5

5323

techstar 자기소개 아이디로 검색 전체게시물 회원게시물 23.12.17 4 842

글쓰기

회원로그인

로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)

© SIRSOFT