메뉴 건너뛰기

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
335 포토샵 7.0 - 25. 포토샵+드림위버+제로보드의 연동 [14] 서기 2005.11.11 15985
334 [illustrator] 동영상강좌 / 삼색 태극문양 만들기 / 기초부분 [1] 다모폐인 2005.11.15 5920
333 배경을 깨끗 하게 자르는 또다른 방법~! [16] KantRa 2005.11.18 12737
332 좌우로 열리는 알림판 [9] file 아킨도 2005.11.18 9815
331 이미지혹은 글자에 그림자 넣어주기 [9] KantRa 2005.11.18 9770
330 *포토샵으로 간단한 글씨효과 나타내기 [펌] [2] 민개 2005.12.11 11266
329 간단한 복제하기. [1] 김동현 2005.12.12 5957
328 연필로 그린듯한 효과 [5] file 야호 2005.12.25 13570
327 필름과 같은 효과만들기; file 혀니ⓥ 2005.12.27 17559
326 자막처럼 흐르는 배너만들기; [4] file 혀니ⓥ 2005.12.28 17316
325 [ 나모웹에디터FX 웹 캔버스 ] 웹캔버스로 디자인하기 … ① [4] file 전세웅 2006.01.06 6221
324 Zboard_Pain#1. 첫강좌 - 간단하게 심플한 버튼 만들기 [3] file Zboard_Pain 2006.01.12 9196
323 이천일님처럼 제 부족한점 평가좀해주세요 T^T 부탁드려요~ [6] file 호신 2006.01.16 5090
322 [동영상강좌]로그인 스킨 적용법 에관한 강좌 [3] 조한철 2006.01.19 2491
321 [동영상강좌]최근개시물 적용방법 [2] 조한철 2006.01.19 2601
320 포토삽 7.0 초간편 홈페이지 만들기 [1] 이재희 2006.01.22 10080
319 아이프레임홈제작강의)) 01 . 기본디자인 구성하기 〃샤르프〃 2006.01.24 4389
318 아이프레임홈제작강의)) 02 . Main.html 파일 수정해보기 [7] 〃샤르프〃 2006.01.24 6311
317 포토샵 7.0 - 문자 , 그림뒤에 네온효과 만들기, [2] file 한솔v 2006.01.25 12637
316 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [수정] [2] piasol 2006.01.26 6795