메뉴 건너뛰기

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 펼침메뉴 [12] file 한태종 2007.01.22 11091
94 동영상,플래시,액션,평가문항-다양하게 활용 file 에듀멘 2007.02.05 5064
93 플래쉬메뉴2 - 조용히 확대-ㅅ-?;; file 한태종 2007.02.06 9392
92 강이지똥,소나기,팝송,인터넷중독예방 플래시 윤선미 2007.02.09 8734
91 아름다운 대한민국 플래시,렉토라강좌 윤선미 2007.02.12 7914
90 이미지를 자기만의 Shape로 만들어보자! (Define Custom Shape) [9] file endless 2007.02.14 10902
89 아래 두개올린것을 믹스한겁니다~ㅎ [2] file 한태종 2007.02.14 6281
88 플래시비디오mx,글란다2007,뷰렛빌더5 강좌[템플릿갤러리] 에듀멘 2007.02.16 4578
87 깔끔한 화이트 버튼만들기 [첫강좌] [3] file 박선경 2007.02.22 11237
86 비틀즈명곡,음악줄넘기 특기적성,다양한 액션버튼포함 [1] file 에듀멘 2007.02.23 6974
85 사진보정입니다. [1] file 이현숙 2007.02.24 8133
84 [드림위버]드림위버에서 삽입된 플래시의 배경을 투명하게 하기 [1] file port 2007.02.24 5271
83 [팁]작업창이 상단메뉴바까지 올라가서 옮길수 없을때 [8] file port 2007.02.26 5628
82 아래 만든메뉴 mx2004 버젼입니다 [1] file 한태종 2007.02.26 7713
81 파원포인트강좌,스위시맥스강좌 file 에듀멘 2007.02.27 5933
80 포토샵 CS2에서 레이어 사이의 링크기능 사용하기 [2] port 2007.03.02 9622
79 [나모]나모 웹에디터 2006 도움말 port 2007.03.05 5861
78 모든동영상 ->swf.flv로 변환[강창완선생님] [1] 에듀멘 2007.03.08 6359
77 실용예제, 4분내에 '사과' 그리기. [1] 점점 2007.03.14 7750
76 플래시에서 사진을 업로드하여 바로 미리보기 할수 있을까요? [2] file 최진영 2007.03.16 9235