묻고답하기

  2. Support
  3. 묻고답하기

따라다니는 메뉴입니다. 안따라 다녀서 문제입니다.

2005.08.19 03:52

황태산

http://www.fishingpark.co.kr/test2.스크롤을 따라다니는 메뉴를 신의 키스님의 소스를 보고 만들었습니다.

그런데 문제는 로컬에서는 잘 따라 다니는데..

웹상에 올리면 작동하지 않는다는 겁니다.

정확히 말하면 익스플로어상 메뉴 뒤로, 앞으로 화살표를 이용하면

이동을 합니다.

그런데 페이지를 처음 연 순간에는 절대 작동 안합니다.

어떤게 문제인지 알고 싶습니다.

한줄요약 1. 따라다니는 메뉴가 작동을 안한다.

소스  웹사이트 주소( http://www.fishingpark.co.kr/test2.htm )

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><style type="text/css">
<!--
#floater {position:absolute; visibility:visible}
-->
</style>

<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;
<!-- STALKER CODE -->
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>

<title>아빠! 서울에서 20분 걸린데요.</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
<link href="m.css" rel="stylesheet" type="text/css">
</head>

<body background="fp-img/bg-1.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('fp-img/m-a.jpg','fp-img/fish-m-c.jpg','fp-img/open-m-b.jpg','fp-img/event-m-b.jpg','fp-img/custom-m-b.jpg','fp-img/jin-tatle-3-b.jpg','fp-img/jin-tatle-4-b.jpg','+ '+ 'fp-img/jin-tatle-5-b.jpg','fp-img/jin-tatle-6-b.jpg')">
<table width="974" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top"><table width="974" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="left" valign="top"><img src="fp-img/a-1.jpg" width="272" height="156" border="0" usemap="#Map"><img src="fp-img/jin-a-2.jpg" width="202" height="156"><img src="fp-img/a-3.jpg" width="331" height="156"><img src="fp-img/a-4.jpg" width="170" height="156" border="0" usemap="#Map2"></td>
        </tr>
        <tr>
          <td align="left" valign="top"><img src="fp-img/b-1.jpg" width="226" height="60"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('+ 'Image37','','fp-img/m-a.jpg',1)"><img src="fp-img/jin-m-a.jpg" name="Image37" width="103" height="60" border="0"></a><a href="#"><img src="fp-img/jin-m-b.jpg" width="91" height="60" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34','','fp-img/fish-m-c.jpg',1)"><img src="fp-img/jin-m-c.jpg" name="Image34" width="91" height="60" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35','','fp-img/open-m-b.jpg',1)"><img src="fp-img/jin-m-d.jpg" name="Image35" width="102" height="60" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36',''+ ','fp-img/event-m-b.jpg',1)"><img src="fp-img/jin-m-e.jpg" name="Image36" width="91" height="60" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','fp-img/custom-m-b.jpg',1)"><img src="fp-img/jin-m-f.jpg" name="Image38" width="125" height="60" border="0"></a><img src="fp-img/b-end.jpg" width="145" height="60"></td>
        </tr>
        <tr>
          <td align="left" valign="top"><img src="fp-img/c-1.jpg" width="226" height="9"><img src="fp-img/c-2.jpg" width="603" height="9"><img src="fp-img/c-3.jpg" width="145" height="9"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td align="left" valign="top" background="fp-img/e-bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr align="left" valign="top">
          <td width="226"><table width="226" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td width="106"><img src="fp-img/side-a-jin.jpg" width="106" height="131"><img src="fp-img/side-b-jin.jpg" width="106" height="135"></td>
                <td width="120"><img src="fp-img/jin-tatle-1.jpg" width="120" height="53"><img src="fp-img/non-tatle-2.jpg" width="120" height="32"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','fp-img/jin-tatle-3-b.jpg',1)"><img src="fp-img/jin-tatle-3-a.jpg" name="Image14" width="120" height="16" border="0"></a><img src="fp-img/non-tatle-mid.jpg" width="120" height="14"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15',''+ ','fp-img/jin-tatle-4-b.jpg',1)"><img src="fp-img/jin-tatle-4-a.jpg" name="Image15" width="120" height="16" border="0"></a><img src="fp-img/non-tatle-mid.jpg" width="120" height="14"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16'+ ','','fp-img/jin-tatle-5-b.jpg',1)"><img src="fp-img/jin-tatle-5-a.jpg" name="Image16" width="120" height="16" border="0"></a><img src="fp-img/non-tatle-mid.jpg" width="120" height="14"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','fp-img/jin-tatle-6-b.jpg',1)"><img src="fp-img/jin-tatle-6-a.jpg" name="Image17" width="120" height="16" border="0"></a><img src="fp-img/non-tatle-bott.jpg" width="120" height="15"><img src="fp-img/non-tatle-bot.jpg" width="120" height="56"></td>
              </tr>
            </table></td>
          <td width="603"><table width="603" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="603" align="left" valign="top"><img src="fp-img/bon.jpg" width="603" height="5"></td>
              </tr>
              <tr>
                <td align="center" valign="top"><img src="jinsan/jinsan-book.jpg" width="590" height="75"></td>
              </tr>
              <tr>
                <td width="603" align="center" valign="top"><table width="590" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="center" valign="top"><img src="jinsan/jinsan-book2.jpg" width="590" height="46"></td>
                    </tr>
                    <tr>
                      <td align="center" valign="top"><img src="jinsan/jinsan-book3.jpg" width="590" height="231"></td>
                    </tr>
                    <tr>
                      <td align="center" valign="top"><img src="jinsan/jinsan-book4.jpg" width="590" height="227"></td>
                    </tr>
                    <tr>
                      <td align="center" valign="top"><img src="nintro/line.jpg" width="560" height="12"></td>
                    </tr>
                    <tr>
                      <td align="left" valign="top"><ul>
                          <li> 현재 인터넷 예약 시스템을 구축중입니다. 불편하시더라도 전화 예약을 이용하여 주십시요.</li>
                          <li>최소 <font color="#FF0000"><strong>1시간</strong></font>전
                            예약을 원칙으로 하며 주말과 공휴일에는 3시간 정도 여유를 주시면 감사하겠습니다.</li>
                          <li>예약 전화번호는 <strong><font color="#FF0000">031-982-1500</font></strong>,<strong>
                            <font color="#FF0000">031-998-1500</font></strong>
                            두대의 전화가 준비되어 있습니다.</li>
                          <li>고객님의 식사 일정과 스케줄에 착오없도록 최선을 다하겠습니다.</li>
                        </ul></td>
                    </tr>
                  </table> </td>
              </tr>
            </table></td>
          <td><table width="100%" height="191" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td align="left" valign="top" background="fp-img/sid-bg.jpg"><img src="fp-img/sid-dd.jpg" width="145" height="191"></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td align="left" valign="top"><img src="fp-img/bottom3.gif" width="974" height="50"></td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="81,29,251,118" href="index.php">
</map>
<map name="Map2">
  <area shape="rect" coords="15,10,39,35" href="#">
  <area shape="rect" coords="54,9,77,33" href="#" onClick="MM_openBrWindow('for-english.htm'+ ','','width=600,height=300')">
  <area shape="rect" coords="95,11,119,34" href="#" onClick="MM_openBrWindow('for-english.htm','','width=600,height=300')">
  <area shape="rect" coords="131,9,155,34" href="#" onClick="MM_openBrWindow('for-english.htm','','width=600,height=300')">
  <area shape="rect" coords="41,41,74,51" href="#">
  <area shape="rect" coords="96,39,141,51" href="#">
</map>
<div id=floater style="left:834; top:225; width:111; height:277; z-index:10"><table width="111" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top"><img src="fp-img/quick-a.jpg" width="111" height="61"></td>
  </tr>
  <tr>
    <td align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','fp-img/quick-b-2-b.jpg',1)"><img src="fp-img/quick-b-2-a.jpg" name="Image5" width="111" height="58" border="0"></a></td>
  </tr>
  <tr>
    <td align="left" valign="top"><img src="fp-img/quick-b-3.jpg" width="111" height="40"></td>
  </tr>
  <tr>
    <td align="left" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','fp-img/quick-d-2-b.jpg',1)"><img src="fp-img/quick-d-2-a.jpg" name="Image4" width="111" height="46" border="0"></a></td>
  </tr>
  <tr>
    <td align="left" valign="top"><img src="fp-img/quick-e.jpg" width="111" height="72"></td>
  </tr>
</table></div>
</body>
</html>

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
조재일 보드 쪽지관련...쪽지가 온 상태에서 보드 로그인하면 쪽지창이 뜨는데 쪽지창이 에러가 납니다  
장상재 내용의 길이에 따라... 백그라운드 이미지가 늘어나게... [1] 2007.08.10
이인성 밑줄치는 방식이 처음보는것이라 질문드립니다. [4] 2007.08.10
황태산 따라다니는 메뉴입니다. 안따라 다녀서 문제입니다. [2] 2007.08.10
제이 새로고침할때 소리가 안나게하려면; [1] 2007.08.10
moonsoo 일본어 질문입니다. [2] 2007.08.10
김군우 리눅스 고수분 질문입니다.미치기 직전입니다... [1] 2007.08.10
제리클 자바스크립트 적용이 안되서 질문드립니다;  
카엘 나모에서 창 크기를 조절할려는데요.. [3] 2007.08.10
신정호 스크립트 에러에 대해서 문의드립니다. [2] 2007.08.10
한호영 onmouseover에서 이미지 change 되는 소스요..  
이현노 초고수님에게 문의 드립니다 [4] 2007.08.10
부자손자 실시간 곰플레이어로 재생하기 소스분석 부탁드립니다..  
김재형 자바스크립트 스크롤 소스인데요..뉴스티커같은것..  
강태희 iframe 자동높이설정시  
for샹크스 .....어디서.. 잘못된건지..;ㅁ; [6] 2007.08.10
풉어쩌지? 호스팅 관련질문;; [1] 2007.08.10
이영준 가로와 세로가 호환되는 탐색기형식의 메뉴에서  
이고운 제로보드 스킨 고수님들. 갤러리 본문에서 사진크기 제한하는거 어떻게 해야 합니까? 도와주십 [1] 2007.08.10
Beethoven 홈페이지 로딩속도가 느려서요.. [2] 2007.08.10
태그 쓰기