'움직이는 레이어'에 해당되는 글 1건

  1. 2008.03.09 움직이는 레이어


<HTML>
  <HEAD>
  <script language="JavaScript">
  <!--
       self.onError=null;
       currentX = currentY = 0;
       whichIt = null;
       lastScrollX = 0; lastScrollY = 0;
       NS = (document.layers) ? 1 : 0;
       IE = (document.all) ? 1: 0;

       function heartBeat() {
           if(IE)
           {
               diffY = document.body.scrollTop;
               diffX = 0;
           }
   
       if(NS)
       { diffY = self.pageYOffset; diffX = self.pageXOffset; }
   
       if(diffY != lastScrollY)
       {
           percent = .1 * (diffY - lastScrollY);
           if(percent > 0) percent = Math.ceil(percent);
           else percent = Math.floor(percent);
           if(IE) document.all.floater.style.pixelTop += percent;
           if(NS) document.floater.top += percent;
           lastScrollY = lastScrollY + percent;
       }
   
       if(diffX != lastScrollX)
       {
           percent = .1 * (diffX - lastScrollX);
           if(percent > 0) percent = Math.ceil(percent);
           else percent = Math.floor(percent);
           if(IE) document.all.floater.style.pixelLeft += percent;
           if(NS) document.floater.top += percent;
           lastScrollY = lastScrollY + percent;

       }
  }
  if(NS || IE) action = window.setInterval("heartBeat()",1);
  //-->
  </script>

  <script language="JavaScript">
  <!--
       function MM_reloadPage(init)
       {  //reloads the window if Nav4 resized
           if (init==true) with (navigator)
           {
               if ((appName=="Netscape")&&(parseInt(appVersion)==4))
               {
                   document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;
               }
           }
           else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
       }
       MM_reloadPage(true);
  // -->
  </script>

  <body>
       <table cellpadding="0" cellspacing="0" border="0" height="1000">
           <tr><td>
               <div id="floater" style="position:absolute; left:250px; top:15px; width:70px; height:62px; z-index:1">
                   <img src="이미지경로"><br>
                   <img src="이미지경로"><br>
                   스크롤을 내려보셈~!!~
               </div>
           </td></tr>
       </table>
  </body>
</HTML>



<결과보기>
Posted by 귀찮은 여니씨
,