Het creëren van een Flash ActionScript 3 geanimeerde navigatie voegt niet alleen interactiviteit op uw website , maar ook laat de gebruikers weten waar ze zijn . De manieren om animatie toe te voegen aan navigatie wordt alleen beperkt door de verbeelding , maar om mee te beginnen , zal u maakt een simpele bal die de muis volgt langs het navigatiemenu . Deze les maakt ook gebruik van arrays , voor degenen onder u die nieuw zijn op arrays , dit is een geweldige manier om je voeten nat . Instructies Open Flash en 1 klik op " File ", " New " en klik op " Flash-bestand ( ActionScript 3.0 ) " uit het menu uittrekbare . Klik op het gereedschap Rechthoek op de werkbalk , en terwijl u met uw muis , sleept u over het podium om een rechthoek te tekenen . Klik op het gereedschap Tekst en typ " Play" op de bovenkant van de rechthoek . Klik 2 op zowel de rechthoek en de " Play " tekst om ze te markeren . Vanuit het hoofdmenu , klikt u op ' Wijzig ' en vervolgens op ' Convert to Nieuw symbool " van de pull - out menu . Klik op de " knop " radiale box en type in " spelenMC " voor de naam . 3 Klik op " Venster " in het hoofdmenu en klik vervolgens op "Eigenschappen " en vervolgens " Eigenschappen " opnieuw van de pull - out menu . Met je achtergrond en de tekst nog steeds gemarkeerd , type in " home_btn " in het veld Naam aanleg in het paneel Property . Klik 4 "Insert Layer " aan de onderkant van de tijd lijn , en noem maar op " buttons . ' Klik op het gereedschap Tekst op de werkbalk . In het venster Eigenschappen , klik op " statische tekst . " Typ uw navigatiesysteem rubrieken , zoals " Thuis ", " Over " en " Contact . " Rechtermuisknop op 5 " Thuis " en klik op " Convert to Symbol " van de pull - out menu . Noem maar op "Home ", klik op " Button " voor het soort symbool en dan , op de onderste rij Registratie , klikt u op het middelste vakje . Klik op "OK . " Type 6 in " home_btn " voor een instantie naam op het deelvenster Eigenschappen . Herhaal dit proces voor al uw navigatie- rubrieken . Geef elk een unieke direct een naam zoals " contact_btn . " Klik 7 "Insert Layer " aan de onderkant van de tijdlijn , en noem deze ' animeren . " Klik op de Oval gereedschap uit de werkbalk en teken een bal op het podium door het houden van uw muis naar beneden en te slepen . Plaats je bal onder de "Home "-knop . 8 Klik met de rechtermuisknop op de bal en klik op " Convert to Symbol " van de pull - out menu , noem maar op " ball_mc " en klik op " Movie Clip " voor het soort symbool . Klik op "OK . " Klik 9 " Laag invoegen " aan de onderkant van de tijd lijn , en noem maar op " AS3 . " Klik met de rechtermuisknop op frame 1 van je Actie laag en klik vervolgens op " actie " van de pull - out menu . Typ de volgende code : . Import fl.transitions.Tween ; import fl.transitions.easing * ; /* Verander btn namen als nodig * /< br > var buttonsArr : Array = new Array ( home_btn , contact_btn ) ; var linkArr : Array = new Array ( ) ; /* Verander navigatie adres ( var i : uint = 0 ; i < buttonsArr.length ; i + + ) { buttonsArr [ i ] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ; buttonsArr [ i ] addEventListener . . ( MouseEvent.CLICK , ClickUrl ) ; } functie moveFollow ( event : MouseEvent ) : void { new Tween ( ball_mc , " x " , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1 , true); } functie ClickUrl ( event : MouseEvent ) : void { for ( var j : uint = 0 ; j < linkArr.length ; j + + ) { if ( event.currentTarget == buttonsArr [ j ] ) { navigateToURL ( new URLRequest ( linkArr [ j ] ) ) ; } } }
|