묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
따라다니는 메뉴입니다. 안따라 다녀서 문제입니다.
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>
그런데 문제는 로컬에서는 잘 따라 다니는데..
웹상에 올리면 작동하지 않는다는 겁니다.
정확히 말하면 익스플로어상 메뉴 뒤로, 앞으로 화살표를 이용하면
이동을 합니다.
그런데 페이지를 처음 연 순간에는 절대 작동 안합니다.
어떤게 문제인지 알고 싶습니다.
한줄요약 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>
잘 따라다녀요