메뉴 건너뛰기

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
1855 일러스트 인물따기..<얼굴> [5] file i3in_˝ 2005.01.28 13011
1854 일러스트 인물따기..<입> [4] file i3in_˝ 2005.01.27 8724
1853 일러스트 인물따기..<눈> [4] file i3in_˝ 2005.01.27 14896
1852 일러스트 인물따기..<이론버젼> [7] file i3in_˝ 2005.01.26 13258
1851 아래..도트강의 뽀너스!!!라고 해야하나...?(주름표현) [3] file sook2 2005.01.22 9634
1850 멋진 포즈의(?) 남자아바타 그리기 [10] file sook2 2005.01.21 11868
1849 초콜렛 그리기 ! [5] file 검은호수 2005.01.20 15048
1848 Random Flowers [4] file SeasonSonata 2005.01.19 9807
1847 조금 부족한 신발그리기 [2] file 검은호수 2005.01.18 18915
1846 네코네 포토샵팁~!! 레이어 너를 파해쳐주마 첫번째장 [6] file 인디네코 2005.01.16 12041
1845 스크롤 이미지 이용한 예제 file 여어자 2005.01.16 13367
1844 스크롤 이미지 [7] file 여어자 2005.01.15 16756
1843 많이 사용되는 메뉴 이용하여, 서브메뉴 만들기 [3] file 여어자 2005.01.14 18697
» 많이 사용되는 메뉴에요. [9] file 여어자 2005.01.13 23541
1841 직물느낌의 텍스쳐 만들기. [2] file 정형준 2005.01.12 11668
1840 슬라이딩 배너 만들기 [23] file 여어자 2005.01.12 20490
1839 재미없는 수학이론 이용한 평면상의 거리 구하기 [3] 비무p 2005.01.12 4298
1838 조건문 이해하기 비무p 2005.01.12 3308
1837 부드럽게이동하는공식을 이용한 바네이메뉴 만들기(3[완결]) [3] 비무p 2005.01.12 10824
1836 부드럽게이동하는 공식을 이용한 바네이메뉴 만들기(2) 비무p 2005.01.12 4839