
<html>
<head>
<title>3단 레이어</title>
</head>
<body class="frameBody">
<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;
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;
}
}
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;
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_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.top = findOffsetTop(item);
menu.style.left = findOffsetLeft(item) + item.offsetWidth + MARGIN_RIGHT;
}
menu.style.visibility = "visible";
menuTrail[level] = menu;
} else {
hide(level);
}
} else {
hide(level);
}
}
function hide(level) {
for (var i = level; i < menuTrail.length; i++) {
menuTrail[i].style.visibility = "hidden";
}
}
for (var i = level; i < menuTrail.length; i++) {
menuTrail[i].style.visibility = "hidden";
}
}
var timerID = null;
var timerOn = false;
var timecount = 250;
var timerOn = false;
var timecount = 250;
function wmStartOffTimer() {
if (timerOn == false) {
timerID = setTimeout("offAll()", timecount);
timerOn = true;
}
}
if (timerOn == false) {
timerID = setTimeout("offAll()", timecount);
timerOn = true;
}
}
function stopOffTimer() {
if (timerOn) {
clearTimeout(timerID);
timerID = null;
timerOn = false;
}
}
if (timerOn) {
clearTimeout(timerID);
timerID = null;
timerOn = false;
}
}
function offAll() {
hide(0);
if (currentStyleOff != null) {
currentItem.className = currentStyleOff;
}
debug("All off by timer.");
}
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;
}
}
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;
}
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;
}
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>
.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 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 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>
<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>
</html>
첨부파일
3.html (11.9 KB, 6회)게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7530 | 10년 전 | 831 | ||
| 7529 |
파랑새1597
|
10년 전 | 1256 | |
| 7528 |
파랑새1597
|
10년 전 | 1342 | |
| 7527 |
integrity7
|
10년 전 | 1430 | |
| 7526 | 10년 전 | 2451 | ||
| 7525 |
다빈치코드777
|
10년 전 | 1133 | |
| 7524 | 10년 전 | 1598 | ||
| 7523 | 10년 전 | 987 | ||
| 7522 |
|
10년 전 | 1016 | |
| 7521 |
blackkil
|
10년 전 | 1902 | |
| 7520 | 10년 전 | 1324 | ||
| 7519 |
Gaumi
|
10년 전 | 1101 | |
| 7518 | 10년 전 | 1511 | ||
| 7517 | 10년 전 | 849 | ||
| 7516 | 10년 전 | 1324 | ||
| 7515 | 10년 전 | 1438 | ||
| 7514 |
|
10년 전 | 4504 | |
| 7513 |
멋진남자임
|
10년 전 | 1144 | |
| 7512 |
다빈치코드777
|
10년 전 | 906 | |
| 7511 |
|
10년 전 | 3423 | |
| 7510 | 10년 전 | 1388 | ||
| 7509 | 10년 전 | 1168 | ||
| 7508 | 10년 전 | 734 | ||
| 7507 |
senseme
|
10년 전 | 778 | |
| 7506 |
멋진남자임
|
10년 전 | 1673 | |
| 7505 | 10년 전 | 4056 | ||
| 7504 | 10년 전 | 2180 | ||
| 7503 | 10년 전 | 1015 | ||
| 7502 | 10년 전 | 536 | ||
| 7501 | 10년 전 | 1465 | ||
| 7500 | 10년 전 | 1514 | ||
| 7499 | 10년 전 | 3430 | ||
| 7498 | 10년 전 | 1269 | ||
| 7497 |
dethos79
|
10년 전 | 3000 | |
| 7496 | 10년 전 | 2215 | ||
| 7495 | 10년 전 | 937 | ||
| 7494 |
CHAVO
|
10년 전 | 1178 | |
| 7493 | 10년 전 | 2682 | ||
| 7492 | 10년 전 | 1310 | ||
| 7491 | 10년 전 | 1525 | ||
| 7490 | 10년 전 | 2373 | ||
| 7489 | 10년 전 | 2140 | ||
| 7488 |
toptopon
|
10년 전 | 922 | |
| 7487 |
|
10년 전 | 1065 | |
| 7486 | 10년 전 | 3384 | ||
| 7485 | 10년 전 | 1339 | ||
| 7484 | 10년 전 | 1391 | ||
| 7483 | 10년 전 | 1049 | ||
| 7482 | 10년 전 | 684 | ||
| 7481 | 10년 전 | 876 | ||
| 7480 | 10년 전 | 1257 | ||
| 7479 | 10년 전 | 2631 | ||
| 7478 | 10년 전 | 1193 | ||
| 7477 |
멋진남자임
|
10년 전 | 1539 | |
| 7476 |
zeppeto
|
10년 전 | 1152 | |
| 7475 |
200점아빠
|
10년 전 | 937 | |
| 7474 | 10년 전 | 4025 | ||
| 7473 | 10년 전 | 1016 | ||
| 7472 |
나르시스1
|
10년 전 | 1265 | |
| 7471 | 10년 전 | 896 | ||
| 7470 | 10년 전 | 1315 | ||
| 7469 |
플라이SINJI
|
10년 전 | 1023 | |
| 7468 |
|
11년 전 | 584 | |
| 7467 |
|
11년 전 | 708 | |
| 7466 | 11년 전 | 1156 | ||
| 7465 | 11년 전 | 1207 | ||
| 7464 |
|
11년 전 | 1221 | |
| 7463 | 11년 전 | 1283 | ||
| 7462 |
진짜별사탕
|
11년 전 | 882 | |
| 7461 | 11년 전 | 972 | ||
| 7460 | 11년 전 | 3771 | ||
| 7459 |
멋진남자임
|
11년 전 | 1580 | |
| 7458 |
멋진남자임
|
11년 전 | 511 | |
| 7457 | 11년 전 | 941 | ||
| 7456 | 11년 전 | 792 | ||
| 7455 | 11년 전 | 2199 | ||
| 7454 | 11년 전 | 650 | ||
| 7453 | 11년 전 | 859 | ||
| 7452 |
중국어사이트제작
|
11년 전 | 528 | |
| 7451 | 11년 전 | 930 | ||
| 7450 | 11년 전 | 653 | ||
| 7449 |
울라라라우
|
11년 전 | 971 | |
| 7448 | 11년 전 | 1645 | ||
| 7447 |
멋진남자임
|
11년 전 | 530 | |
| 7446 | 11년 전 | 583 | ||
| 7445 |
네이비칼라
|
11년 전 | 1714 | |
| 7444 |
senseme
|
11년 전 | 1434 | |
| 7443 | 11년 전 | 1362 | ||
| 7442 | 11년 전 | 752 | ||
| 7441 |
멋진남자임
|
11년 전 | 1465 | |
| 7440 | 11년 전 | 935 | ||
| 7439 |
|
11년 전 | 790 | |
| 7438 |
|
11년 전 | 962 | |
| 7437 |
basement
|
11년 전 | 1058 | |
| 7436 |
잘살아보자
|
11년 전 | 1154 | |
| 7435 | 11년 전 | 1113 | ||
| 7434 | 11년 전 | 3811 | ||
| 7433 |
|
11년 전 | 2781 | |
| 7432 |
alexkim
|
11년 전 | 887 | |
| 7431 |
이웃집초보
|
11년 전 | 1339 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기