따라나니는 플래시퀵메뉴(Flash quick menu) 정보
최신글 따라나니는 플래시퀵메뉴(Flash quick menu)관련링크
http://www.humancm.com
1084회 연결
첨부파일
본문
멋있는 홈피를 보면 오른쪽에 따라다니는 퀵메뉴가 왜그렇게 탐나고 구현하고 싶은 것인지 ...^^ 배우려다 보면 시간 낭비는 말 할것도 없고 ...
다행히도 목진철님께서 배너 형태로 올려 주셔서 넘 감사하게 쓰고 있습니다만 홈피 제작의뢰를 받다보면 좀 더 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>
다행히도 목진철님께서 배너 형태로 올려 주셔서 넘 감사하게 쓰고 있습니다만 홈피 제작의뢰를 받다보면 좀 더 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>
추천
11
11
댓글 전체
와우와우~~~조아요~~~~~~~~~~~~~~~```!!!
감사합니다 유용하게쓸께요!!!
감사합니다.^^
퀵메뉴? 스킨이군요. 멋진 작품입니다.
퀵메뉴? 스킨이군요. 멋진 작품입니다.
아...
매우 고맙습니다...
매우 고맙습니다...
귀한 스킨 올려 주셔서 감사합니다....^^
휴....
아래 푸름빠덜님 스킨
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=14064
과 같이 돌리니 푸른빠덜님 스킨이 먹통이되네요(스크롤이 안됨)...
아까부터 먹통원인을 찾고자 노력했지만 못했네요...
아래 푸름빠덜님 스킨
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=14064
과 같이 돌리니 푸른빠덜님 스킨이 먹통이되네요(스크롤이 안됨)...
아까부터 먹통원인을 찾고자 노력했지만 못했네요...
오 수고하셨습니다.
감사합니다.^^
webpark님 홈페이지에서 보니까 top기능이 먹통이네요?
webpark님 홈페이지에서 보니까 top기능이 먹통이네요?
음..
webpark님이 바쁘신가 보네요...
<a href="#top">을 <a href="#g4_head"> 로 바꿔줘야 되는것 때문인가요...
webpark님이 바쁘신가 보네요...
<a href="#top">을 <a href="#g4_head"> 로 바꿔줘야 되는것 때문인가요...
고맙습니다..
감사합니다
이쁩니다 감사히 쓸게요.
Dream님!
조언 감사 드립니다.
조언 감사 드립니다.
오~ 이거다 이거.. 감솨~
저도 퀵메뉴 때문에 며칠 고생했습니다.
다른 분들이 저 처럼 고생하지 않아도 되게 해주셔서
감사합니다.
다른 분들이 저 처럼 고생하지 않아도 되게 해주셔서
감사합니다.
저는 위에 올려진 뜨락님의 메뉴가 더 좋던데요. 중원(가운데 정렬)을 평정한 ...
우리 월드컵 태극전사들 처럼 ^^
우리 월드컵 태극전사들 처럼 ^^
안 따라댕기는 붙박이장으로 오용하면 혼내실려나요???
감사합니다 잘 사용하겠습니다 ^^
저도 감사합니다. 저도 잘사용할게요`~ ^^
너무 예뻐요 진짜진짜 감사합니다 .ㅋㅋㅋㅋㅋㅋㅋㅋ
플래시 파일을 열수가 없어요 ㅠㅠ 수정이 안되네요..
webpark 님에게 메일 드렸는데 연락 주실려나 ~..''
webpark 님에게 메일 드렸는데 연락 주실려나 ~..''
버젼 8로 열면 되요....
....
네~ 버젼 8로 하니까 잘 되네요 ㅋㅋ 넘 이뻐요~ 감사합니다.
좋습니다
김성호님! 많이 미안합니다. 너무 늦게 메일과 덧글을 봐서~ 곧 바로 답을 못드렸네요. 일욜은 대구에 내려가 있어서 콤 앞에 없었거든요. ㄲㅂ
감사합니다... ^^
오우~!!! 좋은것 같아요
너무 감사해요.. 아주 좋아요 ^^
근데 이거 어떻게 데이타를 퀵메뉴에 넣었는지 궁금 ^^&
데이타를 퀵메뉴에 넣은다는 의미가 무엇인지?
URL경로를 어떻게? 또는 메뉴 목록들을 바꾸는 방법들을 물으신는 것인지? @#$%^&*
암튼 이 뜻이라면 Flash8 프로그램이 있어야 합니다.
http://www.adobe.com/kr/products/flash/flashpro/
URL경로를 어떻게? 또는 메뉴 목록들을 바꾸는 방법들을 물으신는 것인지? @#$%^&*
암튼 이 뜻이라면 Flash8 프로그램이 있어야 합니다.
http://www.adobe.com/kr/products/flash/flashpro/
딱 필요했던 건데..감사합니다
아낌없이 공개하여 주시는 마음에도 늘 감사하고 있고요.
쌈박하네요 ㅎ
굿 굿 입니당... 유용하게 쓸께유
아주 좋으네요
Flash MX 2004에서 실행이 안됩니다. ㅜ.ㅠ 8버젼이 더 새로운 버젼인가요?
자료 너무 감사합니다~
한가지 질문드릴께 있는데요~
메뉴 위치가 해상도의 변화에 마구 움직입니다.
<div style="width:71px; height:250px; position:absolute; left:1093px; top:299px; z-index:2;">
<div id="divMenu" style="position:absolute;">
해상도가 바껴도 우측테일에 고정시킬방법은 없나요?
한가지 질문드릴께 있는데요~
메뉴 위치가 해상도의 변화에 마구 움직입니다.
<div style="width:71px; height:250px; position:absolute; left:1093px; top:299px; z-index:2;">
<div id="divMenu" style="position:absolute;">
해상도가 바껴도 우측테일에 고정시킬방법은 없나요?
111
잘쓰겠습니다.
굿
좋아요
잘쓸게요~~~~~~~````
많이 찾았습니다. 정말 감사합니다. 연결하면 홈피 공개할께요...
감사합니다
넘 이쁘네요 잘 쓰겠습니다.
고맙습니다^^
ㄳㄳㄳ
감사
잘 쓸게요
넘 괜찮네용... 감사합니다.ㅇ
스크롤
유용하게 사용하겠습니다^^
감사합니다~
끝도없이 내려가네요
따라나니는 플래시퀵메뉴(Flash quick menu)
good
담아갑니다~
너무너무감사합니다.
^^
잘쓸게염 ^^*
eewf
제가 원하던 거네요.ㅎㅎ 잘쓸께요
근데 왜 적용했는데 화면에 안나타날까여.;;;
오른쪽 퀵메뉴
좋습니다
감사합니다~~
우왕 좋아요 ^^ 정말 감사합니닫ㅇ
감사드려요
감사합니다 잘쓰겠습니다 ^^
옆에 따라다니는 퀙메뉴설치
퀵
감사합니다
감솨~
감사합니다. ^^
열심히 공부해서 쓸게요 감사감사.....
감사드리며, 잘 사용하겠습니다.
감사합니다^^
찾던 퀵메뉴...감사요
.
감사합니다. ^^
감사^^!
우와 능력자시네요 부럽다 대단합니다.