메뉴 건너뛰기

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
95 C++ 강의 입니다. 무료구요! [3] croW 2006.02.26 3040
94 제1강 3ds 시작하기 - 드로잉 명령 익히기-05 file 최승철 2005.03.13 3039
93 간단한 팁입니다. [4] file Click 2002.11.03 3036
92 [photoshop_6.0 기초강좌-19]_패턴 만들어서 사용하기 file rosun 2005.08.07 3031
91 공모전,자료전에 활용하세요[다음강좌 - 3D맥스강좌올려드리겠습니다] 에듀멘 2006.03.21 3015
90 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007
89 제1강 플래시 시작하기 - 드로잉 명령 익히기-06 file 최승철 2005.03.13 3003
88 Motiondive Tokyo 동영상 강좌 오버뷰 [1] 덴디 2004.12.24 2990
87 Ryumir의 허접강좌 -1- [13] file 늘함께했던 2003.01.18 2970
86 [제15강]모바일용 콘텐츠제작하기 에듀멘 2006.03.17 2969
85 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
84 [photoshop_6.0 기초강좌-03]_팔레트, 포토샵 메뉴, 이미지 작업, 툴 박스 등 [2] file rosun 2005.08.06 2866
83 [동영상] 제2강 Spline(2차원도형)/Extrude(2차원도형 돌출)/Selection(선택하는 방법들) 인테리어뱅크 2006.04.11 2865
82 [퍼니페인트]키르님의 물결 만들기 - 페인트샵으로..;; [6] funnyPSP 2002.03.09 2860
81 포토샵 7.0 - 18. 채널과 엠보스필터 서기 2005.11.11 2850
80 제1강 플래시 시작하기 - 드로잉 명령 익히기-02 file 최승철 2005.03.13 2848
79 SWISH 주요 기능설정(Movie, Text, Transform, Action)부분 [1] file 아메 2003.02.24 2827
78 [냠냠이의 그림판 강의!]1. 그림판이란? [10] 냠냠이/그림판user 2002.05.02 2827
77 Windows Vista 창 만들기 [8] file 유성매직 2009.01.13 2823
76 페인트샵으로 캡쳐하기 2가지 방법 [5] file {동준짱} 2002.07.18 2797