3단 레이어 소스

카이루

· 12년 전 · 조회 5275 5275

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;
}
}

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>

</body>
</html>

첨부파일

3.html (11.9 KB, 14회)

댓글 작성

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

로그인하기

게시판 목록

개발자팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5156	PHP	제로보드의 메모왔어요의 기법을 다르게 구현하면?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	972
5155	JavaScript	시계 스크립트 그런데 페이지 뜨는건 느린게 문제네...	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	856
5154	PHP	php 업로드 소스 [4]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1769
5153	웹서버	리눅스 압축풀기 방법 lzip 제외. 일반적 쓰는	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	814
5152	PHP	fopen의 꼼수? 흉내내기. [1]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	999
5151	PHP	happyl 페이징 다시 뜯어 no bug [ 보강 ]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	859
5150	node.js	간단한 채팅	tmp 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1292
5149	OS	서버호스팅[ubuntu] 에 php-fpm , php5.x를 깔아야할때	지구버스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1524
5148	웹서버	라라벨 설치시 404 오류가 나오는 경우	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	922
5147	PHP	ChatGPT API 예제 [30]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	6904
5146	JavaScript	두가지 형태의 페이지 로딩 [ 로딩중, 로딩 프로그레스바 ] [2]	예뜨락 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1705
5145	PHP	영카트 쇼핑몰 구축과 관련해서 과외해 주실 분 있을까요? [2]	아노라니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	933
5144	PHP	두 날짜 사이의 날 수 구하기 [2]	우러러 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1416
5143	JavaScript	관계에 따른 메뉴 구성방안 [1]	개노미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5142	PHP	valcmp() 함수 - 지정 범위에 값이 있는지 여부 체크 사용자정의함수	sinbi 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	910
5141	웹서버	소프트링크(심볼릭링크) 잘못 삭제했다가 영업중인 쇼핑몰 관리자 날린 이야기 [11]	본연 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2409
5140	기타	웹방화벽 캐슬 아이피 차단 안먹힐때 [1]	경천76 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1551
5139	JavaScript	엘레먼트 요소에서 data 를 이벤트 핸들러로 사용하기 [4]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1197
5138	PHP	foreach()에서 next() 사용하기 [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1507
5137	MySQL	interval에 쓸 수 있는 값 [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1694
5136	PHP	탈퇴합니다. [6]	메리7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2000
5135	PHP	영카트 주소검색부분 에러문제 해결법 [10]	카깡 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1945
5134	JavaScript	회원가입 [2]	오토소프트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1098
5133	PHP	자주 쓰는 제어문 대체 문법 정리해서 올립니다!	코드오타쿠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1134
5132	웹서버	CentOS 7 에서 MariaDB 5.5에서 10.5 업그레이드시 레포지트리 에러발생시 [1]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1290
5131	OS	리눅스 Linux Public Key 추가 명령어 [5]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1927
5130	OS	리눅스 Linux df 사용법 [1]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1407
5129	OS	리눅스 Linux du 사용법 [1]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1794
5128	OS	리눅스 Linux md5, sha1 해시값 확인하기 [1]	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1804
5127	OS	리눅스 Linux tmux 주요 명령어	HLAB 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	922