묻고답하기

  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 남기남
이성완 다음 header값을 어떻게 넣어야 할까요?  
고승일 질문  
윤주석 문자열 변환이 제대로 안되는데요. preg_replace  
JUSTLOVE 모닝샵사용하는데.. 업로드를 시키고 싶어요 알려주세요  
바람돌이 해결좀 해주세요 ㅠ..ㅠ [1] 2007.08.10
인자기 움직이는 테이블 관련 질문  
인자기 DB접속에러 메세지에 관한 질문  
피그미 해상도가커지면 표가 벌러집니다.. [1] 2007.08.10
Shell 어디가 문제인지요 [1] 2007.08.10
이인성 밑줄치는 방식이 처음보는것이라 질문드립니다. [4] 2007.08.10
youdw HELP ME~~ "암호가 일치하지 않습니다."?  
네츠키 이그림 효과를 내려면 어떻게 해야되나요? [1] 2007.08.10
박돌이 제로보드와 연동되는 자동매치서비스 소스 구할수 있을까요?  
自明 곰플레이어를 이용한 웹상에서의 동영상과 자막 재생중 질문...  
이호재 비주얼베이직 이용 웹페이지 열기  
유대치 로컬에서 새창 띄우기 태그가 막히네요. [1] 2007.08.10
김태완 플래시 매뉴가 로드할때마다 달라져요  
김형민 도메인을 샀는데요 서버하고 연동을 어떻게 시키죠? [1] 2007.08.10
황태산 따라다니는 메뉴입니다. 안따라 다녀서 문제입니다. [2] 2007.08.10
로범 질문있습니다.  
유지성 부탁입니다. 노프레임관련 질문 [2] 2007.08.10
레어목도리 플래쉬만들 때, 화면을 크게, 그리고 이미지 파일을 넣을 수 있을까요? [1] 2007.08.10
떡사마 트리메뉴에서 타겟지정하는 방법....헬프 [2] 2007.08.10
바다나비 웹페이지를 이용한 간단한 DB구현 [3] 2007.08.10
강슬기 올플래쉬사이트를 만드려고 하는데요.. [1] 2007.08.10
이석남 프래시메뉴와 스크롤 하는 게시물이 있으면 끊어지는건가요?  
웹키 ★저기염 급해염 ★ 부탁드려염... 제발  
윤지 파일 그리고 DB PHP 카운터들간의 차이점 [3] 2007.08.10
누굴까 아바타 로그인 스킨 오류 -- ;;도와주세요 [2] 2007.08.10
산성 .php?category=1&id=.. 의 주소에서 열리는 페이지에서 $category를 사용하기 [1] 2007.08.10
태그 쓰기