묻고답하기

  2. Support
  3. 묻고답하기

이 소스좀 이식이 가능하도록 수정할수 있나요?

2003.08.29 00:21

박민우

밑에 힘찬연못님께서 올려주신 소슨데요

제가 수정을 하다가 하다가 안되서 이렇게 올려봅니다. ^^;

나모로 하면 계속 오류나고 드림위버로 하면 되긴 되는데 제가 드림위버를 잘 몰라서요 ^^;

그럼 염치없게 부탁좀 드립니다.
----------------------------------------------------------
사이트 만들다가 메뉴에 마우스가 올라갔을대 그걸 쫒아 다니는 무언가가 있어으면 해서 만들었습니다.

급하게 적용시키느라 다른 구조에서 이식하기는 좀 번거롭겠네요..

^^; 그거야 뭐 시간나면 반응보구 올리죠뭐..

이건 레이어가 그냥 혼자 떠있는건 아니구요

td나 기타 box안에 자리잡아야 하게 만들었습니다.

--------------------
|     |
|  > |     메뉴
|     |---------------
|     |
|     |     메뉴
---------------------
위처럼 화살표가 박스 안에 자리잡게 됬거든요..

그리고 안타까운점은 아직 세로형태의 메뉴에만 적용시켜 봤습니다..-_- 서브메뉴용이라 시간두 없구해서요..

밑에 소스 보시면 div_id.style.pixelTop이란게 있는데요

여러게 있을겁니다. 혹시 가로로 해보실분들은 저걸 전부 pixelLeft로 바꾸셔야 될듯해요

가로는 구조가 이렇게 되겠죠..
--------------------------------------------------
                          V
--------------------------------------------------
|                |                  |                |                  |                
|     메뉴     |      메뉴      |      메뉴    |        메뉴    |

위에서 와따 가따 거리는 -_-;
암튼 대충설명 이거 가따가 그냥 빼껴 쓰실거면 아예 긁어가지 마세요
모양세가 개판오분전이거든요..-_- 보여지는 부분은 수정하셔야 해요..
글구 변수값도 약간 설정해주셔야 하구요. 그리고 각메뉴에 onMouseOver="javascript:menu_num(번호)"이거 넣어주셔야
그 번호로 갑니다. 여기서 번호란 메뉴가 3개면 맨위에꺼가 1번..맨끝이 3번
그리고 정확히 픽셀이 안맞을수 있는데요 >이런 마크 같은경우 중심점이 맨위에 있어서 좀더 밑으로 내려가는 현상이 있습니다.
음 그런경우 메뉴의 높이를 좀더 적게 설정하면 약간은 해결될듯합니다.


설명대충끈코 예제보세요..-_- 모양은 절대 보지 말기..

http://goweb.netcci.org/pds/scroll_2.html

<script language="JavaScript" type="text/javascript">
<!--
var menu_length = 3;       ///세로로 나열되있는 메뉴의 갯수 단, 메뉴의 높이가 일정해야함.
var menu_height = 50;      /// 1개 메뉴의 높이
var menu_middle = parseInt(menu_height/2);       //넘어가고
var speed = 10;            // 메뉴를 따라가는 스피드 수가 높아도 빨라지고 낮아도 빨라지다 어쩌다 운좋은 숫자 넣으면 느려지는..-_-
var speed2 = 10;           // 수가 높을수록 느려지고 끈키는 효과(?) ㅋㅋ 이상변수설정 끝 저기 밑으로 쭈욱..~~


var menu_position,moving_spd,loop,frtop,frbot;
function menu_nums(num)
{
menu_position = (menu_height*num)-menu_middle;
clearTimeout(loop);
goto_slide(menu_position);

}
function goto_slide(value)
{
frtop = value;
frbot = value;
if(div_id.style.pixelTop <= frtop)
{
  moving_spd = Math.round((frtop-div_id.style.pixelTop)/speed);
        if(moving_spd == 0)
        {
         if(div_id.style.pixelTop < frtop)
         {
          moving_spd = 1;
         }
        }
  div_id.style.pixelTop += moving_spd;
        document.sdf.a1.value = moving_spd;
        document.sdf.a2.value = div_id.style.pixelTop;
        document.sdf.a3.value = frtop;
        loop = setTimeout("goto_slide("+value+")",speed2);
}else if(div_id.style.pixelTop >= frbot)
{
  moving_spd = Math.round((div_id.style.pixelTop-frbot)/speed);
        if(moving_spd == 0)
        {
         if(div_id.style.pixelTop > frbot)
         {
          moving_spd = 1;
         }
        }
        div_id.style.pixelTop -= moving_spd;
        document.sdf.a1.value = moving_spd;
        document.sdf.a2.value = div_id.style.pixelTop;
        document.sdf.a3.value = frbot;
        loop = setTimeout("goto_slide("+value+")",speed2);
}else{ clearTimeout(loop); }
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
menu_nums(3);      //처음 로딩되었을때 화살표가 가야할 위치.메뉴 넘버로 함.
//-->
</script>




</head>
<body>
<table border="0" width="700" cellpadding="0" cellspacing="0">
<form name="sdf">
<tr height="50">
<td rowspan="3" valign="top" align="center"
<div id="div_id" style="position:relative;left:0px;top:0px">></div>
</td>
<td onMouseOver="menu_nums(1)" style="border-left:1px solid black;" bgcolor="f5f5f5" align="center">메뉴</td>
<td ><input name="a1" size="5">속도</td>
</tr>
<tr height="50">
<td onMouseOver="menu_nums(2)" style="border-left:1px solid red;" bgcolor="f5f5f5" align="center">메뉴</td>
<td><input name="a2" size="5">화살표의 위치</td>
</tr>
<tr height="50">
<td onMouseOver="menu_nums(3)"  style="border-left:1px solid blue;" bgcolor="f5f5f5" align="center">메뉴</td>
<td><input name="a3" size="5">도착점</td>
</tr>
</form>
</table>
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
whitecrow [포토샵] 입체 게시판 처럼 글씨를? [이미지 참조] [1] 2007.08.10
박민우 이 소스좀 이식이 가능하도록 수정할수 있나요? [1] 2007.08.10
Knight ASP 입문하려 하는데 질문 좀..^^; [2] 2007.08.10
엔젤퀸 자꾸 쿼리 에러가 납니다. [2] 2007.08.10
앤비 자바스크립트로 문자열 조작하는 것에 대한 질문 [1] 2007.08.10
김민수 글보기에서 윗글,아랫글 표현에 대해 질문이요...  
전익환 음악 &동영상 링크 한것이 나오질 않습니다.  
이영숙 검색창 만들기 어케 해요?  
피너츠 만료된 페이지 경고..  
K.Y.W 페이지 디자인 관련 질문입니다.(색) [1] 2007.08.10
Millth xp에서 사용자 정보 변경은... [1] 2007.08.10
같은기억 깨졌어요.. [5] 2007.08.10
SaInt_Koyo™ Yuki-H님외 MDAC관해서 질문하려하니 좀 봐주세요  
땡이 korea.com에 자동으로 로그인 하려면 어떻게 하면되는지..  
지현재 removeMisc()함수기능은 무엇인지. [1] 2007.08.10
조희원 에러..  
유얼 ''font'' 이놈에 관한 질문입니다. [2] 2007.08.10
성종하 포토삽에서... 오래된 사진같은 느낌 들게 하려면 어떻게 해야 하나요? [1] 2007.08.10
노준형 A 태그에서 클릭하면 php변수 입력하는 방법은? [1] 2007.08.10
지현재 웹에디트 편집기 소스 다운로드 할 수 있는데 갈켜 주세요, [1] 2007.08.10
장석권 롤오버에서 간격 문제 때문에 그러는데요.... [1] 2007.08.10
지현재 질문>웹에디터모드와 텍스트모드 같이 쓸려면  
유현수 [폰트]포토샵에서 글자 어떻게 깔끔하게 하나요 [1] 2007.08.10
skyline 각각 다른 두 테이블의 값을 불러와 함께 뿌려주려면.....? [3] 2007.08.10
한승진 ASP 문서에서 <input> 테그로 변수 넘길때 [2] 2007.08.10
이미옥 슈퍼보드 게시판에서 쓰던 데이타를 제로보드로 이전하려고 하는데요  
시엘 프레임 두개 사용시 가운데 경계만 줄을 넣을 수 있나요 ? [1] 2007.08.10
루나 FTP 에서 폴더이름 변경이 안됩니다. [3] 2007.08.10
유홍식 [asp]if문인대요 정말답답해요^^ 왜그런지 아시는분 꼮즘 답변즘부탁합니다. [3] 2007.08.10
김민철 어떠케 사진을 이런 이미지를 만드나요?? [1] 2007.08.10
태그 쓰기