메뉴 건너뛰기

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
575 아즈망가대왕 - 치요쨩 - 2 [17] file 리샤 2003.02.22 5852
574 얼어붙은 질감 만들기 [14] file 마리아 2003.02.06 5843
573 배너 만드는법,, [3] file 홍동기 2005.09.11 5834
572 플래시에서 즐겨찾기 추가하기 [5] file Goccm 2003.05.24 5831
571 [웹디황용] 청바지느낌그대로 ~~ 3 file 웹디황용 2006.08.03 5820
570 ActionScript 1_1 하나둘 2006.07.09 5817
569 glanda 2006 - 플래시앨범[1강좌] - 2분만 공부하세용 [3] 에듀멘 2006.04.04 5813
568 [동영상] 제2강 Select(선택영역) 인테리어뱅크 2006.04.11 5811
567 Color Halftone 를 이용한 간단한 이미지만들기 [8] file hozi 2002.12.02 5811
566 [포토샵 7.0 동영상강좌] 6. 기본적인 레이어 사용방법 [2] 서기 2005.09.21 5809
565 강좌 처음 올려봄.. '물결 치는 효과?' [10] file 마리아 2003.01.06 5807
564 SWISH 버튼만들기 두번째 (테두리 만들기) [2] file 아메 2003.03.18 5799
563 웹 작업시 유용히 쓸수 있는 이미지 [5] file document 2002.07.14 5797
562 흑백브라운톤 이미지 만들기; [12] file letjin 2003.02.02 5794
561 눈화장시키기 [16] file 프레 2002.08.09 5788
560 이번엔 Steel Wave 효과에 대해 알아봅시다. -_-; [3] Xrezae 2002.11.14 5785
559 [pts6 : 허접 강좌시리즈1]스타버스트 응용[수정완료-_-v] [11] Difications 2002.03.01 5782
558 [허접시리즈] 스폰지로 문지른것 같은 효과 [7] Xrezae 2002.11.06 5779
557 [키르] 이미지에 붙어있는 저작권을 없애버리자 -ㅁ- [18] 키르(SP) 2002.08.14 5779
556 디비값 받아와서 플래시로 유동적인 그래프 그리기 [6] file 삐리리 2005.06.28 5777