메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

getURL로 자바스크립트 함수를 호출하여 페이지 이동하는 허접팁입니다.



위 그림에서와 같이 버튼 6개을 만드신후 액션스크립트를 입력합니다.

on(release){
     getURL("javascript:MainMenu('naver')" );
}
두번째 버튼에는
on(release){
     getURL( "javascript:MainMenu('daum')" );
}

세번째 버튼.네번째 버튼........같은방법으로 변수(naver,daum,paran,nate,empas,MSN)만 바꿔주면서 버튼에 액션스크립트를 입력합니다.

그러신 다음 shift+F12을 누르셔서 HTML파일과 swf파일을 생성하시고, HTML파일을 에디터로 엽니다.
HTML페이지 <head></head>부분에

<script>
function MainMenu(menu){
if (menu=="naver"){
       alert('네이버 메뉴'); //경고창
  }else if(menu=="daum"){
      location.href="http://daum.net";
  }else if(menu=="paran"){
       locaton.href="http://paran.com";
  }else if(menu=="nate"){
        locaton.href="http://nate.co.kr";
  }else if(menu=="empas"){
        locaton.href="http://empas.co.kr";
  }else if(menu=="MSN"){
        locaton.href="http://www.MSN.co.kr";
  }
}
</script>
입력하신 후 저장하시면 됩니다.
그러면 플래시 버튼 누르실때 마다 MainMenu(menu) 함수를 호출하고, 플래시에서 넘어오는 파라미터 값이 무엇이냐에 따라
경고창이 뜨기도 하고 페이지 이동이 되기도 합니다. 만약 넘어오는 값이 naver이면 경고창(네이버메뉴)가 뜰것이고
넘어오는 파라미터 값이 daum이면 다음(Daum)페이지로 이동합니다.

이렇게 하면 좋은점은
만약 페이지 링크가 바뀌었을경우 플래시를 열어 수정하지 않고, HTML 자바스크립트 링크 부분만 수정하시면 페이지링크가 수정됩니다.

결과 확인은 첨부파일은 다운받으셔서 확인해 주세요.^^

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
495 [드림위버] 드림위버에서 설정한 사이트(Site) 제거하기 file port 2006.10.25 5487
494 폰트와 픽쳐튜브를 이용한 클래식한 제목 표시줄&테두리 만들기(초급) [4] file 2003.01.15 5479
493 [허접시리즈] 오로라빛 같은거 만들기 -_-;; 킹오파 97왕이 썼던기술이죠 -_-;; [5] Xrezae 2002.11.05 5479
492 [추가]리스 만들기.. [13] file zizibecap 2002.10.22 5478
491 [왕초보강좌]귀여운 미니곰 [12] 코모코모 2002.08.14 5466
490 [프로모션] 도트로 에니메이션만들기 라이트박스부분 보충설명입니다. [12] 시진 2002.08.31 5461
489 [초보를위한강좌]그라디언트맵 효과 [9] file 블라인드 2003.01.02 5454
488 애플모션 강좌 13강 칼레이도스코프 덴디 2004.12.27 5453
487 브러쉬 검색 엔진 [8] 미르 2003.03.22 5432
486 포토샵 7.0 - 21. 에니메이션 GIF 파일제작 [1] 서기 2005.11.11 5424
485 [포토샵 초보자] 일정한이미지 선택하여 복사하고 붙여넣기 [15] file ZipShin 2002.12.22 5421
484 총맞은 자국(?) 야심작 -_-;; [11] file w:)style 2002.07.11 5419
483 단계별 커뮤니티 유저 대응법 [5] 김도훈 2004.07.04 5414
482 페인트샵에서 금빛글자 만들기 [3] 김수연 2003.01.23 5414
481 [퍼니페인트]판타스틱하게 이미지 합성 시키기 [7] funnyPSP 2002.02.23 5413
480 포토샵 왕초보전용 강좌!! 사진크기 조절하기 이윤규 2006.04.06 5403
479 계층(레이어) 마스크 file pok 2002.09.29 5392
478 레이어스타일(Drop Shadow와 Inner Shadow)..기초강좌-_-::: [11] file 무어 2003.04.15 5388
477 학습설계[단원,절,페이지]- 강좌 [1] file parkys 2008.03.25 5377
476 [뽀록스페셜]뾰족뾰족한 공만들기.. (2) [7] 2002.02.25 5377