Skapa ett Flash ActionScript 3 animerad navigering inte bara tillför interaktivitet på din webbplats , men också låter användarna vet var de är . De sätt att lägga animation till navigeringen begränsas bara av fantasin , men att komma igång , kommer du att skapa en enkel boll som följer din mus längs navigeringsmenyn . Denna lektion använder också arrayer , för dem av er som är nya till matriser , är detta ett utmärkt sätt att få dina fötter är våta . Instruktioner
1
Öppna Flash och klicka på " File ", " New " och klicka sedan på " Flash File ( ActionScript 3.0 ) " från uttåg menyn . Klicka på Rektangel i verktygsfältet , och medan du håller ner musknappen och dra över scenen för att rita en rektangel . Klicka på textverktyget och skriv " Play " på toppen av rektangeln .
2
Klicka på både rektangeln och " Play " för att framhäva dem . Från huvudmenyn , klicka på " Ändra ", klicka sedan på " Konvertera till Ny symbol " från pull -out -menyn . Klicka på " knappen " radial rutan och skriv in " playMC " för namnet .
3
Klicka på " Fönster" i huvudmenyn och sedan på "Egenskaper" och sedan "Egenskaper" igen från den utdragbara menyn . Med din bakgrund och text fortfarande markerad , skriv " home_btn " i dom fältet i Property panelen .
4
Klicka på " Infoga Layer " längst ned på tidslinjen , och kalla den " knapparna . " Klicka på Text i verktygsfältet . I panelen Egenskaper , klicka på " Statisk text . " Ange din navigering rubriker såsom " Home ", " Om " och " Kontakt . "
5
Högerklicka på " Start " och klicka sedan på " Konvertera till Symbol " från pull -out -menyn . Namnge den " Home ", klicka på " Knapp " för symbolen typ och sedan , på botten registrering rad, klicka på den mellersta kryssrutan . Klicka på " OK . "
6
Skriv " home_btn " för ett exempel namn på fönstret Egenskaper . Upprepa denna process för alla dina navigering rubriker . Ge varje en unik omedelbar namn som " contact_btn . "
7
Klicka på " Infoga Layer " längst ned på tidslinjen , och kalla den " animera . " Klicka på den ovala verktyget i verktygsfältet och rita en boll på scenen genom att hålla musen nere och dra . Placera din boll under " Hem " -knappen .
8
Högerklicka på bollen och klicka sedan på " Konvertera till Symbol " från pull -out menyn , name it " ball_mc " och klicka på " Videofilm " för symbolen typen . Klicka på " OK . "
9
Klicka på " Infoga Layer " längst ned på tidslinjen , och kalla den " AS3 . " Högerklicka på frame 1 av din Action lagret och klicka sedan på " Action " från pull -out -menyn . Skriv in följande kod : .
Import fl.transitions.Tween ,
import fl.transitions.easing * ,
/* Förändring BTN namn som behövs * /
var buttonsArr : Array = new Array ( home_btn , contact_btn ) ;
var linkArr : Array = new Array ( ) ;
/* Ändra navigering adress ( var i: uint = 0 ; i. buttonsArr [ i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ;
buttonsArr [ i] addEventListener . . ( MouseEvent.CLICK , clickURL ) ;
}
funktion moveFollow (event : MouseEvent ) : void {
ny Tween ( ball_mc , " x " , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1 , true ) ;
}
funktion clickURL (event : MouseEvent ) : void { for (var j : uint = 0 ; j < linkArr.length ; j + +) {
if ( event.currentTarget == buttonsArr [ j] ) {
navigateToURL (ny URLRequest ( linkArr [ j] ) );} }}
Addera ditt
