메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

menu.gif

** 복사용 movie 액션 **

onClipEvent (load) {
        // 이미지 정렬액션
        // 마우스오버시 움직일 이미지의 높이.
        this.img0._y = 0;
        this.img1._y = 150;
        this.img2._y = 150*2;
        this.img3._y = 150*3;
        this.img4._y = 150*4;
        this.img5._y = 150*5;
        this.img6._y = 150*6;

        // 부드럽게 이동할 속도 설정
        speedY = 0.2;
        // 처음으로 이동할 지점 설정
        targetY = 0;
}
onClipEvent (enterFrame) {
        // 부드럽게 이동하는 액션스크립트
        this._y = this._y+speedY*(targetY-this._y);
}

메뉴 작업중에 쉽게 만들수 있을것 같아 올려봅니다.
작업이 잘 되시는 분은 button1~7 심볼에서 좀 더 무비를 첨가하여 멋있게 꾸며 보세요.


메뉴바를 왼쪽에 세로로 정렬해도 됩니다.
또한 img0~7의 무비를 예쁘게 꾸미셔두 되구요.
저는, 귀차니즘으로 3개 정도만 만들어 봤어요.


설명중에 빠진것이 있군요.
투명버튼을 button1~7에 올려 놓았을때
roll over시 쓰는 액션에 좌표값을 각각 설정해 주어야 합니다.

예 button1)

on (rollOver) {
        _root.yeoyoo.targetY = 0;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
        getURL("http://www.yeoyoo.com");
}

예 button2)

on (rollOver) {
        _root.yeoyoo.targetY = -150;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
    getURL("http://www.yeoyoo.com");
}

예 button3)

on (rollOver) {
        _root.yeoyoo.targetY = -150*2;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
    getURL("http://www.yeoyoo.com");
}

예 button4)

on (rollOver) {
        _root.yeoyoo.targetY = -150*3;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
    getURL("http://www.yeoyoo.com");
}

예 button5)

on (rollOver) {
        _root.yeoyoo.targetY = -150*4;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
    getURL("http://www.yeoyoo.com");
}

예 button6)

on (rollOver) {
        _root.yeoyoo.targetY = -150*5;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
    getURL("http://www.yeoyoo.com");
}

예 button7)

on (rollOver) {
        _root.yeoyoo.targetY = -150*6;
}
on (rollOver) {
        gotoAndPlay(2);
}
on (rollOut) {
        gotoAndPlay(22);
}
on (release) {
    getURL("http://www.yeoyoo.com");
}

이런 방법으로 target Y 죄표값을 7개버튼 무비에 모두 삽입해야 합니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48028
171 플래쉬와 php 연동 예제 [5] file 한태종 2007.03.16 9859
170 좌우로 열리는 알림판 [9] file 아킨도 2005.11.18 9815
169 [동영상]입체도형 올려갑니다. [1] 이희덕 2002.09.24 9804
168 가속도 운동을 이용한 마우스 따라다니는 오브젝트.. [6] file 세나^.^ 2003.05.30 9804
167 [MX]초보강좌 - 마스크 강좌 [11] file 용신 2003.01.05 9775
166 [플래시동영상강의] 액션스크립트를 이용한 눈내리는 무비제작하기 [6] 서기 2006.12.21 9726
165 [중급] lineTo()로 그리는 플래시 그래픽 [5] 박승제 2004.04.20 9581
164 알람시계 만들기 [6] gimbob 2003.01.15 9571
163 [플래시 MX 동영상 강좌] 12. 버튼심볼 [11] 서기 2005.05.31 9546
162 모든 동영상을 -> swf,flv로 변환 tool[1분강좌] [3] 에듀멘 2006.11.09 9451
161 [동영상]복권(?)을 긁자 [9] 이희덕 2002.09.24 9431
160 간단한 네비게이션 액션 [7] file totomylove 2005.02.06 9406
159 플래쉬메뉴2 - 조용히 확대-ㅅ-?;; file 한태종 2007.02.06 9392
158 [플래시 MX 동영상 강좌] 19. 마스크 사용하기 [5] 서기 2005.06.08 9384
157 [플래시 MX 동영상 강좌] 24. 액션스크립트의 기초!!! [9] 서기 2005.06.20 9384
156 포토샵 blur필터를 이용한 이미지 효과 [4] file totomylove 2005.02.21 9359
155 타이틀이미지 쉽게 제작해보기 [11] 서기 2009.01.08 9310
154 [플래시 MX 동영상 강좌] 13. 무비클립 &모션가이드 [12] 서기 2005.06.01 9268
153 플래시에서 사진을 업로드하여 바로 미리보기 할수 있을까요? [2] file 최진영 2007.03.16 9235
152 제로보드 리스트를 플래시로(이미지미리보기가능) .. [17] file 삐리리 2005.06.21 9225