불여우에서도 되는 떠있는 레이어

· 2005-05-04 (수) 19:50:21 · 4333
마우스 휠을 움직여 보세요



<DIV id=divMenu style="width:150px; position:absolute; top:164px; z-index:1; left:340px; visibility:visible;"> <table width="150" style="border:solid 1px silver;" align="right" cellpadding="2" cellspacing="0"> <tr> <td height=30>aaaaaaa</td> </tr> <tr> <td height=30>bbbbbbbb</td> </tr> <tr> <td height=30>ccccccccccc</td> </tr> <tr> <td height=30>dddddddddd</td> </tr> <tr> <td height=30>eeeeeeeee</td> </tr> </table> </DIV> <SCRIPT language=javascript> <!-- // var isDOM = (document.getElementById ? true : false); var isIE4 = ((document.all && !isDOM) ? true : false); var isNS4 = (document.layers ? true : false); var isNS = navigator.appName == "Netscape"; function getRef(id) { if (isDOM) return document.getElementById(id); if (isIE4) return document.all[id]; if (isNS4) return document.layers[id]; } function moveRightEdge() { var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck; if (isNS4) { yMenuFrom = divMenu.top; yMenuTo = windows.pageYOffset+0; } else if (isDOM) { yMenuFrom = parseInt (divMenu.style.top, 10); //yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + 166; yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop)+10; } if(yMenuTo<164) yMenuTo = 166; timeoutNextCheck = 100; if (yMenuFrom != yMenuTo) { yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 10); if (yMenuTo < yMenuFrom) yOffset = -yOffset; if (isNS4) divMenu.top += yOffset; else if (isDOM) divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset; timeoutNextCheck = 10; } setTimeout ("moveRightEdge()", timeoutNextCheck); } if (isNS4) { var divMenu = document["divMenu"]; divMenu.top = top.pageYOffset + 166; divMenu.visibility = "visible"; moveRightEdge(); } else if (isDOM) { var divMenu = getRef('divMenu'); divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 166; divMenu.style.visibility = "visible"; moveRightEdge(); } //--> </SCRIPT>
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
기타
bbbking
05-06-27 조회 8,457
JavaScript 05-06-24 조회 5,614
JavaScript 05-06-24 조회 4,808
기타 05-06-24 조회 5,245
기타 05-06-24 조회 3,306
기타 05-06-24 조회 3,090
기타 05-06-24 조회 4,636
기타 05-06-24 조회 5,083
기타 05-06-24 조회 6,670
JavaScript 05-06-21 조회 8,472
Flash 05-06-20 조회 5,368
기타 05-06-17 조회 6,659
기타 05-06-17 조회 5,274
JavaScript 05-06-17 조회 5,646
기타
bbbking
05-06-16 조회 1.2만
JavaScript 05-06-15 조회 5,949
MySQL 05-06-15 조회 5,982
기타 05-05-04 조회 4,334
JavaScript 05-05-04 조회 4,302
기타 05-05-04 조회 3,718
기타 05-04-26 조회 3,004
기타 05-04-24 조회 3,890
MySQL 05-04-23 조회 5,348
MySQL 05-04-20 조회 6,015
MySQL 05-04-19 조회 1.3만
MySQL 05-04-19 조회 8,170
기타 05-04-14 조회 6,123
기타 05-04-11 조회 5,065
JavaScript 05-04-11 조회 5,405
기타 05-04-11 조회 3,723