3단 레이어 소스

카이루

· 12년 전 · 조회 5276 5276

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5096	PHP	AWS Lightsail 의 PHP 8 버전에서 SSH2 서비스 사용하기 [3]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1498
5095	JavaScript	for 문으로 유사패턴 태그 만들기 [4]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2126
5094	JavaScript	with 블럭 사용하기 [17]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2045
5093	기타	4 lines of CSS for a vertical responsive slideshow [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1415
5092	JavaScript	event listeners 찾기 [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1962
5091	기타	그누보드 첨부파일에서 중간에 파일을 지웠을 때, 재정렬 하기	레드불355 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1320
5090	기타	[그누보드] 그누보드 게시판 전체와 해당글 리스트 불러오기 [4]	레드불355 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2255
5089	웹서버	Amazon linux2 에 REMI 저장소를 사용하여 PHP 8.1 버전 설치하기 [5]	SIR개발팀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	3330
5088	JavaScript	자바스크립트 for length / for in / for of [6]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2060
5087	기타	보드 설치후 메인이 정상이 아닌 원인이 뭔지요.	한길은 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1657
5086	웹서버	AWS사용시 추가 계정 생성하여 PUTTY에 접속하는 방법	SIR개발팀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1701
5085	node.js	이지코드, ezcode.kr vue로 웹사이트 만들기 강좌 공유	붉은바람 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1646
5084	JavaScript	javascript 라이브러리 로다쉬 - 배열,객체, 문자열 관련 유용한 라이브러리	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1452
5083	웹서버	그누보드 개발환경 설치 기초편 ( nginx + db + php + 그누보드 설치) [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2988
5082	JavaScript	javascript 자바스크립트 하루 전/후 날짜 구하기 다음달 이전달 구하기 내년 작년 날짜 구하기 [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	4026
5081	JavaScript	상위요소 찾기 노드 [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2100
5080	JavaScript	자바스크립트 로컬스토리지 사용법 localStorage ( javascript localStorage ) [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2438
5079	기타	윈도우11 익스플로러 11 모드 설정 ie11 ( Internet Explorer ) [4]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2492
5078	OS	서버 이전시 scp(ssh) 가 허용되지 않은 경우 백업 처리 [1]	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1648
5077	웹서버	ubuntu에서 redis설치 와 php redis확장 모듈 설치 Redis Extension	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1723
5076	기타	[개발환경] VirtualBox ubuntu 21 에서 windows 10, 11 공유폴더 설정	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1535
5075	기타	GIT 클라이언트 소개 합니다.	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1676
5074	기타	postman [4]	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2282
5073	기타	테마 및 전역변수 감추기 [1]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2553
5072	웹서버	API 제작시, Json Body 로 받는 데이타 배열로 변환해서 쓰기 [2]	솔루션모아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2234
5071	웹서버	클라우드플레어의 SSL/TLS 암호화 모드 가변을 "가변"으로 사용시 [5]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3236
5070	PHP	G5_SERVER_TIME 오늘, 내일 추가 [5]	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3197
5069	웹서버	데스크탑에서 나스 쉽게 켜기 [2]	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2433
5068	기타	2021년 CSS프레임워크 9가지 소개입니다 [3]	mind7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3013
5067	기타	[Mariadb] 10.7.0 버전에 새로 생긴 natural_sort_key() [6]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2684