불여우에서도 되는 떠있는 레이어
마우스 휠을 움직여 보세요
<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>
<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에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인