메뉴 건너뛰기

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
2115 [동영상강좌] 제14회차 - Path로 간단한 도형을 그려보자 아이티스터디 2006.02.02 4319
2114 [동영상강좌] 제13회차 - 직접 패턴만들어서 배경꾸미기 [4] 아이티스터디 2006.02.02 6604
2113 [동영상강좌] 제12회차 - 이미지로 패턴만들어서 배경넣기 아이티스터디 2006.02.02 5093
2112 [동영상강좌] 제11회차 - type툴로 달력만들기 아이티스터디 2006.02.02 3839
2111 [동영상강좌] 제10회차 - 칙칙한 얼굴 뽀사시하게 만들기 아이티스터디 2006.02.02 5681
2110 [동영상강좌] 제9회차 - 공개폰트 다운받기 아이티스터디 2006.02.02 5181
2109 [동영상강좌] 제8회차 - 멋내기 글자 만들기 아이티스터디 2006.02.02 5342
2108 [동영상강좌] 제7회차 - 배경이 투명한 이미지를 만들어보자 [1] 아이티스터디 2006.02.02 5147
2107 [동영상강좌] 제6회차 - 테두리 흐릿한 이미지 만들기 아이티스터디 2006.02.02 4094
2106 [동영상강좌] 제5회차 - 이미지 사이즈를 내 맘대로 수정하기 아이티스터디 2006.02.02 5854
2105 [동영상강좌] 제4회차 - 컬러사진을 흑백사진으로 만들어보기 아이티스터디 2006.02.02 2769
2104 [동영상강좌] 제3회차 - 공개 블러쉬소스 다운받아 멋진 이미지 [2] 아이티스터디 2006.02.02 3112
2103 [동영상강좌] 제2회차 - 브러쉬만들기 아이티스터디 2006.02.02 11844
2102 [동영상강좌] 제1회차 - 선택툴 이용해서 개체선택하기 아이티스터디 2006.02.02 4742
2101 [페인트 샵 X] 비오는 효과 [6] file dah 2006.02.01 6086
2100 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [수정] [2] piasol 2006.01.26 6795
2099 포토샵 7.0 - 문자 , 그림뒤에 네온효과 만들기, [2] file 한솔v 2006.01.25 12637
2098 아이프레임홈제작강의)) 02 . Main.html 파일 수정해보기 [7] 〃샤르프〃 2006.01.24 6311
2097 아이프레임홈제작강의)) 01 . 기본디자인 구성하기 〃샤르프〃 2006.01.24 4389
2096 포토삽 7.0 초간편 홈페이지 만들기 [1] 이재희 2006.01.22 10080