따라다니는 메뉴 만드는법 알려주시면 감사드리겠습니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

따라다니는 메뉴 만드는법 알려주시면 감사드리겠습니다. 정보

따라다니는 메뉴 만드는법 알려주시면 감사드리겠습니다.

본문

홈페이지를 만들었는데 여기사이트처럼 중간에 오게 원프레임으로 만들었습니다.
http://empas.com 같이 오른쪽 위에 고정이나 혹은 스크롤되게 바로가기 메뉴를 만들고 싶습니다.
흔히 따라다니는 메뉴라고들 하시더라구요.

근데 소스를 구해보니 홈페이지가 왼쪽에 있는 모양들은 왼쪽부터 top과 left로 값을줘서 하는건 대충 알겠는데 정중앙에 있을때는 홈페이지 위치가 해상도에 따라서 달라져서 어떻게 해야하는지를 모르겠습니다. 혹시 소스를 가지고 계시거나 방법을 알려주시면 감사드리겠습니다.^^
  • 복사

댓글 전체

<!-- 스크롤 퀵메뉴 시작 -->
<script language="javascript">
<!--
 self.onError=null;
 currentX = currentY = 0;
 whichIt = null;
 lastScrollX = 0; lastScrollY = 0;
 action = window.setInterval('heartBeat()',1);
 
 function heartBeat() {
  diffY = document.body.scrollTop;
  diffX = 0;
  if (diffY != lastScrollY) {
  percent = .2 * (diffY - lastScrollY);
  if (percent > 0) {
    percent = Math.ceil(percent);
  } else {
    percent = Math.floor(percent);
  }
  document.all.layer_right.style.pixelTop += percent;
  lastScrollY = lastScrollY + percent;
  }
  if (diffX != lastScrollX) {
  percent = .2 * (diffX - lastScrollX);
  if (percent > 0) {
    percent = Math.ceil(percent);
  } else {
    percent = Math.floor(percent);
  }
  document.all.layer_right.style.pixelLeft += percent;
  lastScrollY = lastScrollY + percent;
  }
 }

-->
</script>
<!-- 스크롤 퀵메뉴 끝 -->


<div id="layer_right" style='width:18px; height:150px; position:absolute; z-index:1; top: 319px; left:expression(document.body.clientWidth/2+450);'>
  <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="18" height="150>플래쉬파일 들어갈곳</td>
      </tr>
  </table>
</div>


중앙에 있을때 따라다니는 스크립트입니다.


좌표는 아실거라 봅니다.
left:expression(document.body.clientWidth/2+450);'> 여기서 보시면...

left 값을 left:expression(document.body.clientWidth/2+450); 주며
창너비(document.body.clientWidth)÷2+테이블너비의 반값=해상도에
상관없이 테이블 오른쪽에 있겠네요. (왼쪽 정렬을 한다면 +대신에 -를
넣으면 되는데…… 테이블 너비 반값에 div너비값을 더해서 넣습니다)
© SIRSOFT
현재 페이지 제일 처음으로