메뉴 건너뛰기

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 [pts6 디피 강좌5] 파란색 키보드에 글씨 집어넣기2 [13] file Difications 2002.03.03 8624
94 [pts6 디피 강좌4] 파란색 키보드에 글씨 집어넣기1 [1] file Difications 2002.03.03 7391
93 (FLASH) 제로보드 플래시로 만들기 (1) [14] file 야웅 2002.03.03 31992
92 生도트 :: #3 샤론 슬라임 [13] Es. 2002.03.02 8141
91 이미지 밝은 효과주기 [2] file LitQoo 2002.03.02 6255
90 [키르강좌] 빤짝이는 축전만들기~★요청&추천★ [2] 키르(SP) 2002.03.02 10060
89 [PSP5] 간단하게 글자에 태두리 넣기 [7] file emotions 2002.03.02 3745
88 [퍼니페인트]페인트샵 풀무원..;; [7] funnyPSP 2002.03.01 3092
87 스켄라인 긋기 [3] file 후니 2002.03.01 6614
86 [퍼니페인트]그림 나누어 저장 시키기 [2] funnyPSP 2002.03.01 2628
85 초코렛 만들기 [10] file 후니 2002.03.01 7883
84 [디피 포샵 강좌 3] 풀무원 로고 흉내내기 [10] file Difications 2002.03.01 12570
83 [디피의 쓸대없는 강좌2] msn을 이용한 도트 흉내내기 [4] file Difications 2002.03.01 7030
82 生도트 :: #2 나무를 심어보자! [18] Es. 2002.03.01 8314
81 [pts6 : 허접 강좌시리즈1]스타버스트 응용[수정완료-_-v] [11] Difications 2002.03.01 5782
80 [키르강좌] 귀신만들기..-_-;; [2] 키르(SP) 2002.03.01 6268
79 멋진 네온문자 만들기~ [1] file 후니 2002.02.28 7716
78 生도트 :: #1 엿공장 [21] Es. 2002.02.28 9271
77 사진에 테두리 넣기 [5] file 후니 2002.02.28 20356
76 [PSP정보]매우 좋은 사이트가 탄생 했네요 :) [5] 국왕 2002.02.27 14653