Erstellen einer Flash ActionScript 3 animierte Navigation fügt nicht nur Interaktivität auf Ihre Website , sondern lässt die Benutzer wissen, wo sie sind. Die Möglichkeiten zur Animation zur Navigation hinzufügen wird nur durch die Fantasie begrenzt , aber für den Anfang , werden Sie eine einfache Kugel, die der Maus folgt entlang der Navigation erstellen. Diese Lektion verwendet auch Arrays , für diejenigen unter Ihnen , die neu in Arrays sind , ist dies eine großartige Möglichkeit, um Ihre Füße nass . Anleitung
1

öffnen Flash und klicken Sie auf " Datei", " Neu" und klicken Sie dann auf " Flash-Datei ( ActionScript 3.0) " aus dem Menü ausziehbares . Klicken Sie auf das Rechteck-Werkzeug aus der Werkzeugleiste , und mit gedrückter Maus , über die Bühne ziehen, um ein Rechteck zu zeichnen . Klicken Sie auf das Text-Werkzeug und geben Sie " Play" auf der Oberseite des Rechtecks.
2

Klicken Sie sowohl auf dem Rechteck und dem "Play "-Text , um sie hervorzuheben . Aus dem Hauptmenü , klicken Sie auf " Ändern " klicken Sie dann auf "Convert to New Symbol " aus dem Pulldown -Menü . Klicken Sie auf den "Button " radial -Box und geben Sie " AbspielenMC " für den Namen.
3

Klicken Sie auf " Fenster " aus dem Hauptmenü und klicken Sie dann auf "Eigenschaften" und dann auf " Eigenschaften" wieder aus dem Pull- out-Menü . Mit Ihren Hintergrund und Text weiterhin markiert , geben Sie " home_btn " in der Instanz Feld Name im Property Panel .
4

Klicken Sie " Ebene einfügen " am unteren Rand der Zeitleiste , und nennen Sie es " Schaltflächen. " Klicken Sie auf das Text-Werkzeug in der Werkzeugleiste. In der Immobilien -Panel, klicken Sie auf " Static Text . " Geben Sie Ihr Navigationssystem Überschriften, wie "Home ", "About" und "Kontakt ".
5

rechten Maustaste auf " Start " und klicken Sie dann auf "Convert to Symbol " aus dem Pulldown -Menü . Nennen Sie es "Home ", auf "Button" klicken, um das Symbol auswählen und dann auf der Unterseite Registrierung Reihe, auf der Mitte Kontrollkästchen klicken . Klicken Sie auf " OK".
6

Typ in " home_btn " für eine Instanz Namen im Bereich Eigenschaften . Wiederholen Sie diesen Vorgang für alle Ihre Navigation Überschriften. Geben Sie jedem eine einzigartige Instant Namen wie " contact_btn . "
7

Klicken Sie " Ebene einfügen " am unteren Rand der Zeitleiste , und nennen Sie es " zu animieren. " Klicken Sie auf das Oval aus der Werkzeugleiste und ziehen Sie einen Ball auf der Bühne , indem Sie mit der Maus nach unten und ziehen. Zeigen Sie mit der Ball unter dem "Home" -Taste.
8

der rechten Maustaste auf den Ball und klicken Sie dann auf " In Symbol konvertieren " aus dem Pulldown -Menü , nennen Sie es " ball_mc " und klicken Sie auf " Film Clip " für das Symbol aus. Klicken Sie auf " OK".
9

Klicken Sie " Ebene einfügen " am unteren Rand der Zeitleiste , und nennen Sie es " AS3 . " Rechts-Klick auf Bild 1 die Aktion Schicht und klicken Sie dann auf "Aktion" aus dem Pulldown -Menü . Geben Sie den folgenden Code: .

Import fl.transitions.Tween ;

Import fl.transitions.easing * ;

/* Veränderung btn Namen nach Bedarf * /

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

var linkArr : Array = new Array ();

/* Veränderung 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 {

neue 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 (new URLRequest ( linkArr [j]) );}} }