메뉴 건너뛰기

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 48031
311 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
310 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
309 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
308 glanda 2006 강좌,교재 zip파일[서버속도때문에 그렇습니다]. 에듀멘 2006.04.04 2142
307 [동영상] 제1강 flash 소개 및 화면구성 tool 설명 인테리어뱅크 2006.04.11 2169
306 제1강 플래시 시작하기 - 드로잉 명령 익히기-04 file 최승철 2005.03.13 2351
305 제1강 플래시 시작하기 - 드로잉 명령 익히기-05 file 최승철 2005.03.13 2620
304 플래쉬 크기 관련 질문입니다. [2] 2006.04.03 2655
303 제1강 플래시 시작하기 - 드로잉 명령 익히기-03 file 최승철 2005.03.13 2719
302 스위시맥스9강[Scene활용] [2] 에듀멘 2006.02.28 2758
301 뷰렛빌더3강-[컴퓨터 강의제작방법] 에듀멘 2006.04.14 2774
300 제1강 플래시 시작하기 - 드로잉 명령 익히기-02 file 최승철 2005.03.13 2848
299 제1강 플래시 시작하기 - 드로잉 명령 익히기-06 file 최승철 2005.03.13 3003
298 뷰렛빌더4강-[컴퓨터강의제작방법] 에듀멘 2006.04.14 3167
297 플래시 고수님 질문및 도움좀 부탁드립니다(웹에서 플래시가 안나타납니당) [4] 아진 2006.03.24 3172
296 스위시맥스10강[Load Movie] [3] 에듀멘 2006.02.28 3244
295 조건문 이해하기 비무p 2005.01.12 3308
294 [ AS2.0 ] import를 통한 package의 이해 [1] file Fc 2004.02.27 3319
293 뷰렛빌더1강-[컴퓨터 강의제작방법] 에듀멘 2006.04.14 3429
292 뷰렛에이스 [플래시 평가문항,설문지 제작강좌] - 1강 file 에듀멘 2006.07.29 3442