Opprette en Flash ActionScript 3 animert navigasjon ikke bare legger interaktivitet til nettstedet ditt , men også lar brukerne vet hvor de er . De måter å legge til animasjon til navigasjon er bare begrenset av fantasien , men for å komme i gang, vil du lage en enkel ball som følger musen langs navigasjonsmenyen . Denne leksjonen bruker også matriser , for de av dere som er nye til matriser , er dette en flott måte å få føttene våte. Instruksjoner
en

Åpen Flash og klikk på "File ", " New" og deretter " Flash File ( ActionScript 3.0) " fra pullout menyen . Klikk på rektangel verktøy fra verktøylinjen , og mens du holder nede musen , drar over scenen for å tegne et rektangel . Klikk på tekstverktøyet og skriv " Play " på toppen av rektangelet.
2

Klikk på både rektangel og " Play" for å fremheve dem . Fra hovedmenyen , klikk på " Endre ", deretter "Konverter til New Symbol" fra pull - out menyen. Klikk på " Button" radial boksen og skriv inn " playMC " etter navnet .
3

Klikk på " Window" fra hovedmenyen og klikk "Egenskaper" og deretter "Egenskaper" igjen fra den uttrekkbare menyen. Med din bakgrunn og tekst fortsatt markert, skriv inn " home_btn " i Instance Navn -feltet i eiendomspanel .
4

Klikk " Sett lag" nederst i tidslinjen , og gi den navnet " knapper. " Klikk på tekst-verktøyet på verktøylinjen. I Egenskaper -panelet , klikk på " statisk tekst . " Skriv inn navigasjon overskrifter, som " Home", "Om" og " Kontakt . "
5

Høyreklikk på " Home" og deretter " Konverter til Symbol" fra pull - out menyen. Name it "Home ", klikk på " Button" for symbolet type og deretter , på bunnen Registrering rad , klikk på den midterste boksen . Klikk "OK".
6

Skriv inn " home_btn " for en forekomst navn på Egenskaper-ruten . Gjenta denne prosessen for alle dine navigasjon overskrifter. Gi hver en unik instant navn som " contact_btn . "
7

Klikk på " Sett Layer " nederst i tidslinjen , og gi den navnet " animere ". Klikk på Ovalverktøy fra verktøylinjen og trekke en ball på scenen ved å holde musen nede og dra. Plasser ballen under "Home "-knappen .
8

Høyreklikk på ballen, og klikk deretter på "Konverter til Symbol" fra pull - out menyen , gi den navnet " ball_mc " og klikk på " Movie Clip " for symbolet type. Klikk "OK".
9

Klikk " Sett lag" nederst i tidslinjen , og gi den navnet " AS3 . " Høyreklikk på rammen en av handlingslinjen lag og klikk " Action" fra den uttrekkbare menyen. Skriv inn følgende kode : .

Import fl.transitions.Tween ;

import fl.transitions.easing * ,

/* Endre btn navnene som trengs * /

Var buttonsArr : Array = new Array ( home_btn , contact_btn ) ;

Var linkArr : Array = new Array ();

/* Endre navigasjon adresse (var i : uint = 0 ; i < buttonsArr.length ; i + + ) {

buttonsArr [ i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ;

buttonsArr [ i] addEventListener . . ( MouseEvent.CLICK , clickURL ) ;

}

funksjon moveFollow ( event: MouseEvent ) : void {

ny Tween ( ball_mc , "x " , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1 , true);

}

funksjon clickURL ( event: MouseEvent ) : void { for (var j : uint = 0 ; j < linkArr.length ; j + + ) {

if ( event.currentTarget == buttonsArr [ j ] ) {

navigateToURL ( ny URLRequest ( linkArr [ j ] ) ); } } }