Oprettelse af en Flash ActionScript 3 animerede navigation ikke kun tilføjer interaktivitet til din hjemmeside , men også lader brugerne ved, hvor de er. De måder at tilføje animation til navigation er kun begrænset af fantasien , men for at få dig i gang, vil du oprette en simpel bold, der følger din mus langs navigationsmenuen . Denne lektion bruger også arrays , for dem af jer , der er ny arrays , er dette en fantastisk måde at få dine fødder våde . Instruktioner
1
Open Flash og klik på " File ", " Ny" og derefter klikke på " Flash-fil ( ActionScript 3.0 )" fra tilbagetrækningen menuen. Klik på værktøjet Rektangel på værktøjslinjen , og mens du holder musen , skal du trække hen over scenen for at tegne et rektangel . Klik på værktøjet Tekst og skriv " Play" på toppen af rektanglet.
2
Klik på både rektangel og "Play" for at fremhæve dem. Fra hovedmenuen , klik på " Rediger " og derefter klikke på "Konverter til New Symbol " fra pull -out menu. Klik på " Button " radial boksen og skriv " playMC " til navnet.
3
Klik på " Window" fra hovedmenuen og derefter klikke på "Egenskaber" og derefter "Egenskaber" igen fra pull -out menu. Med din baggrund og tekst stadig markeret, skriv " home_btn " i Instans Name feltet i Property panelet.
4
Klik på " Indsæt Layer " nederst på tidslinjen , og navngive den " knapper. " Klik på værktøjet Tekst på værktøjslinjen. I panelet Egenskaber , klik på " Static Text ". Indtast din navigation overskrifter , såsom "Home ", " About" og "Kontakt . "
5
Højreklik på " Home" , og klik derefter på "Konverter til Symbol " fra pull -out menu. Name it "Home ", klik på " knap" for symbolet type og derefter på den nederste Registration række, klik på den midterste afkrydsningsfelt. Klik på "OK".
6
Skriv " home_btn " for en instans navn på ruden Egenskaber . Gentag denne proces for alle dine navigation overskrifter. Giv hver en unik øjeblikkelig navn som " contact_btn ".
7
Klik på " Indsæt Layer " nederst på tidslinjen , og navngive det " animere ". Klik på Oval værktøj fra værktøjskassen og trække en bold på scenen ved at holde musen nede og trække. Placer din bold under "Home "-knappen.
8
Højreklik på bolden, og derefter klikke på "Konverter til Symbol " fra pull -out menu , name it " ball_mc " og klik på " Movie klip " for symbolet type. Klik på "OK".
9
Klik på " Indsæt Layer " nederst på tidslinjen , og navngive den " AS3 . " Højreklik på rammen 1 af din aktion lag og derefter klikke på " Action " fra pull -out menu. Indtast følgende kode : .
Import fl.transitions.Tween ,
import fl.transitions.easing * ,
/* Skift BTN navne efter behov * /< br >
var buttonsArr : Array = new Array ( home_btn , contact_btn ),
var linkArr : Array = new Array ();
/* Ændring navigation adresse (var i : uint = 0; i < buttonsArr.length , i + +) {
buttonsArr [i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ),
buttonsArr [i] addEventListener . . ( MouseEvent.CLICK , clickURL ),
}
funktion moveFollow ( event: MouseEvent ) : void {
nye 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] ) );} }}