메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

그림들에 위치 잡아주는것까지 했습니다.



3.본격적으로 바네이 메뉴 만들기



저번 강좌에서 만든 그림을 합쳐서 만든 무비클립에 for문까지 코딩했었죠?

for문 밑에 다음과 같은 액션을 코딩합니다.

onClipEvent(load){

   for(i=0; i<7; i++;){

      this["img"+i]._x = 500 * i;

   }                                       //여기까지가 for 문입니다.

   targetX = 0;                         //초기 무비클립의 위치입니다.

   speedX = 0.1                      //스피드입니다.. (1번 강좌에서 0.4 로 했던거)



onClipEvent(enterframe){

   this._x = this._x+speedX*(targerX - this._x) //부드러운 움직임을 위한 스크립트

}



그리고 나서 버튼을 7개 만들어줍니다(그림이7개니까)

그리고 첫번째 버튼에는 다음과 같은 액션 스크립트를 적어줍니다.



on(release){

   _root.menu.targetX = 0



이 액션스크립트는 큰 무비클립의 targetX 변수를 0으로 줘서 처음으로 부드럽게 움직이게 한 것입니다.



다음 버튼에는    0      을 -500,  그다음에는  -1000 이런식으로 하면 되겠죠...



그럼 끝~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
131 플래시와 제로보드 연동 기초 (외부 TXT 파일 호출 하여 뿌려주기) [6] 홈때기~♪ 2005.05.20 7191
130 [플래시 MX 동영상 강좌] 2. 태극기 그리기 [18] 서기 2005.05.22 12345
129 [플래시 MX 동영상 강좌] 3. 심볼을 배워보자! [7] 서기 2005.05.22 5585
128 [플래시 MX 동영상 강좌] 4. 심볼을 이용한 에니메이션 - Motion Tweening [11] 서기 2005.05.23 5760
127 [플래시 MX 동영상 강좌] 5. 레이어를 이용한 에니메이션 [16] 서기 2005.05.24 13565
126 [플래시 MX 동영상 강좌] 5-1. 레이어를 이용한 에니메이션 보강 [8] 서기 2005.05.24 6579
125 [플래시 MX 동영상 강좌] 6. 텍스트 에니메이션 [13] 서기 2005.05.25 7781
124 [플래시 MX 동영상 강좌] 7. 트위닝 옵션 [10] 서기 2005.05.26 7483
123 [플래시 MX 동영상 강좌] 8. 사운드 연습(공튀기기) [5] 서기 2005.05.27 6175
122 [플래시 MX 동영상 강좌] 9. Shape Tweening [6] 서기 2005.05.28 4339
121 플래시와 제로보드 연동(리스트에서 해당 내용을 플래시로 보여주자 1) [9] file 홈때기~♪ 2005.05.28 9183
120 [플래시 MX 동영상 강좌] 10. Shape Hint [6] 서기 2005.05.29 4060
119 플래시에디터 [12] file 삐리리 2005.05.29 5002
118 간단한 플래시액션하나(이미지에 마우스 이벤트 효과) [10] 홈때기~♪ 2005.05.30 8716
117 [플래시 MX 동영상 강좌] 11. 혼합 트위닝 [6] 서기 2005.05.30 8142
116 [플래시 MX 동영상 강좌] 12. 버튼심볼 [11] 서기 2005.05.31 9546
115 [플래시 MX 동영상 강좌] 13. 무비클립 &모션가이드 [12] 서기 2005.06.01 9268
114 [플래시 MX 동영상 강좌] 14.기본적인 베너 제작하기 [13] 서기 2005.06.02 7478
113 [플래시 MX 동영상 강좌] 15. 이미지 겔러리 제작하기 [9] 서기 2005.06.03 8367
112 [플래시 MX 동영상 강좌] 16. 홈페이지 서브메뉴 제작해보기 [25] 서기 2005.06.04 18659