메뉴 건너뛰기

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 소용돌이 패턴 모양의 배경 디자인 [14] file ┗⌒∇⌒┓ 2002.10.24 15692
574 [초급] 날아다니는 원만들기. [7] file 요니에 2002.10.23 13469
573 [하이링고] 투명큐빅박스 (일러+포토샵)-[1] [11] file 하이링고 2002.10.23 12582
572 [추가]리스 만들기.. [13] file zizibecap 2002.10.22 5478
571 [일러스트페이지]플래쉬의 알파그라디언트를 일러스트에서 해보자~! [6] file 현주 2002.10.21 14608
570 [초급] 마스크 이용 간단한 무비 만들기 [8] 요니에 2002.10.21 17276
569 땡땡이 무늬 만들기 [15] file 무이 2002.10.21 6092
568 명암에 대해서 알아봅시다. [13] w:)style 2002.10.19 6110
567 [쩌비]그라디언트 툴 활용하기 [7] file 쩌비 2002.10.19 5918
566 [쩌비]아쿠아,브러쉬스타일등 파일모음 3종세트 [25] file 쩌비 2002.10.19 33040
565 단색계열에서 머리카락 정교하게 따내기 [5] 홍유경 2002.10.19 5647
564 금속성 링만들기입니다. 제목 붙이기가 애매하네.. [12] file 낯선타인 2002.10.18 9355
563 속비치는 투명한 글씨 만들기 쉬운 버전;; [13] file Eccen 2002.10.17 11681
562 액자의 꺽이는 부분 -0-;;; 만들기 [11] file Eccen 2002.10.17 11915
561 네온스타일 응용해서 이미지 꾸미기 [11] file 워니 2002.10.17 6010
560 [쩌비][팁]포토샵을 더 빠르게 만들어보자! [9] file 쩌비 2002.10.17 11557
559 속비치는 투명한 글씨 만들기(걍 용기내서 올려봅니다) [18] file 박은석 2002.10.17 9792
558 [쩌비]간단한 축전이미지 준비하기. [8] file 쩌비 2002.10.16 6500
557 오피스도트 #2 - 모니터 보호하는거-_-; 만들기 [8] [C]EARS 2002.10.11 13139
556 오피스도트 #1 - LCD액정 모니터 만들기;; [5] [C]EARS 2002.10.11 7233