멋있는 홈피를 보면 오른쪽에 따라다니는 퀵메뉴가 왜그렇게 탐나고 구현하고 싶은 것인지 ...^^ 배우려다 보면 시간 낭비는 말 할것도 없고 ...
다행히도 목진철님께서 배너 형태로 올려 주셔서 넘 감사하게 쓰고 있습니다만 홈피 제작의뢰를 받다보면 좀 더 High Quality의 사이트를 만들 때에는 플래시로 된 퀵메뉴가 필요하더군요.

PS : 본 게시물은 어떻한 경우도 낚씨를 위한 의도로 올린 것이 아니므로 설치에 대한 질문 전화나 이메일은 사절합니다. 뿐만 아니라 아래 URL에 다른 분이 기능이 진보된 퀵메뉴를 업하였으므로 참고 하시기 바랍니다.
 
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=45180&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B5%FB%B6%F3%B4%D9%B4%CF%B4%C2&sop=and

* flash_quick_menu.zip을 다운로드 받아 압축 해제 하면 아래 3개의 파일이 있고요.

- quick_01.fla => 플래시 프로그램(없는 분은 어쩌지?)에서 URL, 메뉴 내용 수정하여 사용
- quick_01.swf => 사용자 환경에 맞게 수정한 파일을 gnu4/images에 업로드
- top.gif => gnu4/images에 업로드
- flashview.js  (gnu4/js/에 업로드)
 
1. gnu4/head_sub.php에
<script language="javascript" src="<?=$g4[path]?>/js/common.js"></script> 아래 쪽에
<script language="javascript" src="<?=$g4[path]?>/js/flashview.js"></script> 이 라인을 추가

2. quick_01.fla 파일을 플래시 프로그램으로 열어서
 - subject_txt_01/ subject_txt_02 무비 클립 사용자에 맞게 수정(링크시킬 메뉴 제목)
-  Actions Frame에서 아래처럼 되어 있는 URL을 사용자에 맞게 수정 하세요.
  link[1] = "../bbs/new.php";
  link[2] = "../bbs/board.php?bo_table=helpdesk";
  link[3] = "../bbs/board.php?bo_table=portfolio";
  link[4] = "../bbs/board.php?bo_table=shot";
  link[5] = "../bbs/board.php?bo_table=company";

3. gnu4/tail.php을 열어서

<!-- 카피라이트 끝 -->


 <===이 위치에 아래 스크립트를 붙여 넣기 하세요(아마 더 간단한 js파일로 만드는 방법이 있을 듯 한데 ...???====>

<?
include_once("$g4[path]/tail.sub.php");
?>


=========아래 붙여넣기 스크립트 ==========


<!-- [우측레이어] 시작 -->
<td align="top">
<div style="width:71px; height:250px; position:absolute; left:990px; top:405px; z-index:2;">
<div id="divMenu" style="position:absolute;">

  <table width="71" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td>
<script language="javascript">
flashview('http://www.~~~/images/quick_01.swf',72,216,'left','#ffffff','Transparent');
</script>  
  </td>
</tr>
<tr>
  <td height="9">
<div align="center"><a href="#top"><IMG SRC="http://www.~~~/images/top.gif" name="Image60" BORDER=0 width="30" height="9"></a></div></td>
</tr>
  </table>

</div>
</div>
<!-- [우측레이어] 시작 -->

</body>

<!-- 우측 따라다니는 레이어 스크립트-->
<script language="JavaScript" type="text/JavaScript">
<!--
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var isNS = navigator.appName == "Netscape";
var maxX, bodywidth;
var div_left,div_top;
var xMargin,yMargin;
var yBottom=50000;//위로부터의 높이 2006-03-21

bodywidth = 0; //Main Table의 넓이
maxX = screen.width;

xMargin = 0; //테이블에서부터의 우측여백
yMargin = 0; //상단여백

div_left = bodywidth + ((maxX-bodywidth) /2)+xMargin;
div_top = (isNS ? window.pageYOffset : document.body.scrollTop) + 96;


if (isNS4)
{
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset + 0;
divMenu.visibility = "visible";
moveRightEdge();
}
else if (isDOM)
{
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 3;
divMenu.style.visibility = "visible";
moveRightEdge();
}




function getRef(id)
{
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}

function getSty(id) {
x = getRef(id);
return (isNS4 ? getRef(id) : getRef(id).style);
}

function moveRightEdge()
{


var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
var maxX ;
var xMenuFrom, xMenuTo, xOffset;


if (isNS4)
{
yMenuFrom  = divMenu.top;
yMenuTo    = windows.pageYOffset + yMargin;  // 위쪽 위치
}
else if (isDOM)
{
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + yMargin; // 위쪽 위치
}

timeoutNextCheck = 500;


if( yMenuFrom <yBottom  || yMenuTo <yBottom ) {
if (yMenuFrom != yMenuTo)
{

yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);

if (yMenuTo < yMenuFrom)
{ yOffset = -yOffset; }
if (isNS4)
{ divMenu.top += yOffset; }
else if (isDOM)
{
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
}
}

setTimeout ("moveRightEdge()", timeoutNextCheck);

}
 -->
</script>