[스크립트] 따라다니는 메뉴, 퀵 메뉴 소스

Body 부분

 

<div id="scrollmenu"  style="position:absolute; left:955px; top:68px;  width:29px; height:600px; z-index:1">
  <table width="23" height="600" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><table width="29" border="0" cellspacing="0" cellpadding="0" height="588">
          <tr>
            <td width="23" colspan="2"><a href="링크경로" onfocus="this.blur()"><img src="이미지경로.jpg" width="23" height="23" border="0"></a></td>
          </tr>
        </table></td>
    </tr>
  </table>
</div>


 

스크립트 소스

 

<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;

var tmp1= tmp2= tmp3 =0;
tmp1 = document.body.clientHeight;
function heartBeat() {
 tmp2 = document.body.clientHeight;
 if(tmp1 != tmp2)
 {
  tmp3 =  tmp2 - tmp1;
  tmp1 = tmp2;
  if(tmp3<0)
  {
  }
 }
 if(IE) {
  diffY = document.body.scrollTop-100; //스크롤이 더이상 내려가지 않게 하기 위해서 수정 
  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.scrollmenu.style.pixelTop += percent;
  if(NS)
  document.scrollmenu.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.scrollmenu.style.pixelLeft += percent;
  if(NS) document.scrollmenu.top += percent;
  lastScrollY = lastScrollY + percent;
 }
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
//-->
</script>

 

 

가장 윗 부분에 div 로 시작하는 부부은 z-index:1 이라는 레이어를 추가한 부분.

div~z-index:2 라고 하면 레이어 하나를 더 추가하게 된다.