3단 레이어 소스

카이루

· 12년 전 · 조회 2401 2401

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, 5회)

댓글 작성

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

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
8230	jquery-ui / datepicker 나라별 #개발자팁 #팁자료실 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	49
8229	영어 독해 쉬운 방법 #개발자	박쥐12 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	52
8228	php에 오라클이 가능한가요? [2] #개발자 #개발자톡	커네드커네드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	96
8227	씨멘틱 마크업 - 이거 머냐 씹어먹는거냐? [2] #퍼블리셔톡 #퍼블리셔팁	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	108
8226	PHP 관련 클래스들이 많은 사이트 [2] #개발자팁 #개발자 #팁자료실	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	144
8225	텍스트를 읽어주는 코딩 #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	132
8224	jQuery 예제가 많은 사이트 #개발자 #개발자팁 #팁자료실	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	130
8223	/js 아래 자바스크립트 화일들이 어디에서 사용될까요? #개발자 #개발자팁 #팁자료실	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	89
8222	신입 개발 ->디자인 ->퍼블로 왔습니다! [4] #퍼블리셔톡 #퍼블리셔팁	웹표준3년차 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	161
8221	부트스트랩으로 만든 메뉴를 CSS로 변경본겁니다. #부트스트랩 #퍼블리셔 #css	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	77
8220	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요... #부트스트랩 #표준화 #css #반응형 #퍼블리셔	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	74
8219	제가 부트스트랩으로 공부하던 중 처음으로 회사 홈페이지를 만들고 있는데요... #표준화 #css #반응형 #퍼블리셔 #부트스트랩	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	78
8218	HTTP Cache 튜토리얼 - 속도개선 #개발자팁 #개발자	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	111
8217	보더문의 [3] #css	star3840 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	97
8216	부트스트랩 질문 드립니다. [1] #개발자 #개발자톡	토시아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	134
8215	PHP로 개발 시 지양해야 할 코드 [2] #개발자	제은일행 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	86
8214	업로드 구현시 최강자 Plupload [1] #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	203
8213	유튜브 동영상 관련 질문드립니다~~ [1] #개발자 #개발자톡	기만잉 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	141
8212	인쇄 여러장 어떻게 해야하죠..? #개발자	밍밍멍 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	56
8211	오픈마켓 이익금 계산기 #팁자료실 #개발자톡 #마케팅 #php #통계자료	감기약 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	221
8210	구글 웹사이트 번역기 사이트에 달기 #퍼블리셔팁 #개발자팁 #퍼블리셔	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	216
8209	오픈마켓 이익금 계산기 급하게 만들어 봤습니다. [3] #팁자료실 #개발자 #개발자톡 #개발자팁 #기타	감기약 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	318
8208	카페24 호스팅에서 mail()함수 / smtp인증을 통한 gmail 서버로 발송 가능한가요? [2] #개발자톡	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	186
8207	jquery print 입니다. [5] #팁자료실 #개발자팁	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	198
8206	개발 선배님들께 질문 남기고자 합니다.. [4] #개발자톡	웹의미래는딥러닝 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	162
8205	n개월 뒤 말일 구하기 함수 #개발자팁 #팁자료실 #개발자	잠돌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	146
8204	HHVM Just In Time Interpreter 설정 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	108
8203	SEO 전용 제어 판넬 - 멀티사이트 관리 [1] #개발자 #개발자팁 #seo	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	203
8202	vagrant 란? [1] #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	125
8201	개발자를 위한 자바스크립트로 화면 UI 라이브러리 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	165
8200	팝업띄우려면, colorbox ~ #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	134
8199	jQuery Sidebar 패널입니다. [2] #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	182
8198	url관련 처리는 URI.js #개발자 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	154
8197	메트로 스타일 css #개발자 #개발자팁	글러빙 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	134
8196	게임을 통해 코딩을 배워갑니다. #강좌 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	513
8195	ContentTools - 웹페이지를 WYSIWYG editors를 이용하여 편집 #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	133
8194	embed.js 참으로 유용한 플러그인입니다 [2] #javascript #개발자팁 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	266
8193	제니퍼소프트의 UI프레임워크 JUI #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	134
8192	날씨 정보 API #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	163
8191	PHP : The right way [1] #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	115
8190	모질라가 제공하는 자바스크립트 레퍼런스 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	109
8189	PHP7로 가는 법 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	165
8188	정규식 테스터 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	110
8187	PHP 문법 체크 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	119
8186	IP 검색 사이트 #개발자팁	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	130
8185	요즘 수요가 가장 많은 사이트 유형이 뭘까요? [2] #개발자톡	절권도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	291
8184	7 Best PHP Frameworks #php #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	84
8183	웹사이트의 CSS정보를 바로 확인해 주는 크롬 확장프로그램 소개 [2] #퍼블리셔팁 #퍼블리셔톡 #퍼블리셔	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	308
8182	HTML에 CSS필터를 효과적으로 줄 수 있는 JS plugin을 소개합니다. #퍼블리셔 #퍼블리셔팁 #javascript #jquery	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	137
8181	CSS Library - Picnic CSS #퍼블리셔 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	114
8180	고급 강좌가 무료입니다 [3] #강좌 #개발자 #퍼블리싱	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	677
8179	안녕하세요 웹 개발자를 꿈꾸는 학생입니다. [7] #개발자 #개발자톡 #기획자톡 #퍼블리셔톡	컴쿨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	474
8178	다양한 코딩 툴들 [2] #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	277
8177	jQuery Tree 를 만들었습니다.~~ [2] #javascript #퍼블리셔 #퍼블리셔톡 #jquery #퍼블리셔팁	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	284
8176	모던PHP에 대한 고견을 들었으면 합니다. [3] #개발자톡	승희아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	328
8175	jquery ExayUI 소개 [1] #개발자 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	203
8174	날짜 입력과 관련한 자바스크립트 [4] #팁자료실 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	210
8173	협업을 위한 그룹 채팅 솔루션... [2] #개발자 #개발자톡	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	322
8172	위도, 경도 값을 받아서 타임존을 확인하는 프로그램 #팁자료실 #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	166
8171	padding 값 클래스 화, 어떤 게 직관적으로 느껴지시나요? [1] #부트스트랩 #css #퍼블리셔톡	이온디 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	159
8170	웹사이트에서 고객채팅 프로그램 [4] #개발자 #개발자팁 #기타	이대리S 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	277
8169	익스 6이나 7도 맞쳐줘야하나요? [2] #css #html #퍼블리셔톡	커네드커네드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	243
8168	파노라마 기능 및 WebVR [3] #개발자톡 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	295
8167	php에서 Excel 화일 읽고 쓰고... [4] #개발자팁 #개발자 #프로그램	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	305
8166	개발자를 위한 SVG LOGO #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	216
8165	Spectacle - A React.js Presentation Library #개발자팁 #개발자 #javascript	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	147
8164	제주관광공사 OPEN API #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	278
8163	스펙터 CSS 프레임워크 [3] #개발자팁 #css	엔피씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	264
8162	css3로 구현하는 애니메이션 한 눈에 보기 [1] #퍼블리셔 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	271
8161	HTML 에니메이션 툴 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	269
8160	홈페이지 기능 체크 좀 부탁드려요! [3] #개발자톡	성격파탄자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	466
8159	파싱 페이지 넘김 어떻게 해요 [3] #개발자 #개발자톡 #기타	공부가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	383
8158	html, css, javascript를 온라인에서 실습해 볼때 #퍼블리셔 #퍼블리싱 #css #html #javascript	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	203
8157	이미지 위에 글자 쓰기 [2] #개발자팁 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	339
8156	부트스트랩 공부중인데요... [1] #팁자료실 #개발자팁	쥬노 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	255
8155	내컴퓨터 웹서버 구축 #팁자료실	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	231
8154	개발 잘해지는 팁 좀,... [12] #개발자톡	00년생용띠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	576
8153	가상서버에서 계정별 트래픽 제한하기 [3] #개발자 #php #linux	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	205
8152	스크립트 후킹 #팁자료실 #개발자팁 #javascript	닉네임없음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	384
8151	필드명 고민 [4] #개발자톡 #mysql #개발자	엔피씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	385
8150	혹시.. 모바일웹 iframe 고정 관련해서 질문해도되나요 [1] #개발자톡 #개발자팁 #퍼블리셔	라푼 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	474
8149	그누보드 아이콘 gif말고 다른 이미지 포멧도 추가하기 [1] #개발자 #팁자료실 #개발자팁 #소스 #php	Jangfolk 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	313
8148	가상서버 운영시 서버시간 맞추기 #웹서버 #linux	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	148
8147	내 홈페이지에 원하는 glyphicon을 한곳에서 검색 #퍼블리셔팁 #퍼블리싱 #퍼블리셔	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	356
8146	css3를 아주 간단하게 만들어줌 #퍼블리셔팁 #퍼블리셔 #퍼블리싱	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	410
8145	표준 폰트를 기준으로 em 계산시 필요 (px -> em) [2] #퍼블리셔 #퍼블리싱 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	341
8144	table td에 세로 스크롤 적용하기 #퍼블리셔팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	307
8143	SSH2를 지원하는 한글 putty 링크 주소입니다. #웹서버 #프로그램 #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	162
8142	간단한 모달(modal)창 구현소스입니다. [1] #개발자 #개발자팁	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	407
8141	날씨정보 제공을 위한 weather forecast API #개발자 #프로그램 #php #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	357
8140	누구나 쉽게 이해할 수 있는 Git [3] #퍼블리싱 #개발자 #강좌	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	904
8139	PHP/MySQL 코드 소스 사이트 #php #mysql #개발자	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	228
8138	이미지 편집하여 서버에 올리기 #개발자톡	전갈자리남자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	372
8137	php 문자열변수값에서 숫자만 뽑아내기 #개발자 #팁자료실 #개발자팁	신리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	355
8136	다국어 홈페이지 관련 문의 [2] #개발자팁 #개발자톡	사슴뿔 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	716
8135	퍼블리셔 수습기간인데 질문드립니다. [12] #퍼블리셔 #퍼블리셔톡 #퍼블리셔팁	DavidCorleone 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	767
8134	서버시간 알아내기 #개발자팁 #개발자 #팁자료실 #javascript	PlayPixel 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	479
8133	swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현 #퍼블리셔팁 #퍼블리셔 #팁자료실 #기타	돼지코구뇽 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	420
8132	악성 게시판 스팸글 어떻게 차단하나요 [2] #개발자톡 #개발자	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	430
8131	연봉질문있습니다. [11] #개발자톡 #개발자	저스팅 프로필 보기 이 회원 글보기 이 회원의 댓글보기	9년 전	786