메뉴 건너뛰기

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
31 멋진 텍스트무비를 만들자!!^-^ [21] file 길수님 2002.07.11 21688
30 왜 이렇게 슬픈지 눈물이 나와요~ [28] file {동준짱} 2002.07.14 21845
29 [팁] 플래쉬 소스보는법 [20] ECKS 2003.02.05 22833
» 많이 사용되는 메뉴에요. [9] file 여어자 2005.01.13 23541
27 웹폰트를 깨끗하게 써봅시다, [28] file 라비 2003.03.18 23664
26 밀뜨의 요상한 플래쉬메뉴 만들기 1탄 !! [16] Millth 2004.02.18 23913
25 화선지에 먹물떨군 효과. [16] file 마루 2003.01.30 23923
24 [하이링고]세로로 회전하는 무비 [6] file 하이링고 2002.05.17 24068
23 하이얀 눈송이를 웹에 날려 볼까요? [24] file 여어자 2003.12.24 24315
22 팝업메뉴를 만들어보자... [19] file 김한경 2003.01.08 24510
21 고여서 떨어지는 물방울 [10] file 여어자 2003.05.09 24566
20 글자 튀어 나오는 효과(초창기 유행한 효과) [23] file c_⊙_⊙_l 2003.02.23 24699
19 [플래시 MX 동영상 강좌] 35. 탄성력 있는 버튼 만들기 [32] 서기 2005.08.12 24983
18 웹화면에 직접 글씨를 쓰는듯한..[B] [21] file 여어자 2003.10.21 25345
17 롤링되는 네비게이션 [14] file 여어자 2004.04.15 25380
16 [플래시 MX 동영상 강좌] 36. 세로 펼침메뉴 만들기 [28] 서기 2005.08.19 25496
15 [플래시 MX 동영상 강좌] 23-2. 스르륵 서브메뉴 제작하기2 [36] 서기 2005.07.06 26534
14 [쇼핑몰응용] 쇼핑몰 메인에서 사용가능한 플래쉬 입니다. [13] yo 2004.07.23 26687
13 플래시로 아이콘 만들기 [20] file zini 2003.05.06 26898
12 쭘식 플래쉬 메뉴 만들기 (1) [10] file 쭘's 2003.04.24 27717