Navigation mit Javascript

 

var frequency = 10;

stage.enableMouseOver(frequency);

this.nav1_mc.on("mouseover", function () {
this.gotoAndPlay(1);
this.parent.insect_mc.gotoAndStop(1);
});

this.nav1_mc.on("mouseout", function () {
this.gotoAndStop(0);
this.parent.insect_mc.gotoAndStop(0);
});

//-------------------------------
this.nav2_mc.on("mouseover", function () {
this.gotoAndPlay(1);
this.parent.insect_mc.gotoAndStop(2);
});

this.nav2_mc.on("mouseout", function () {
this.gotoAndStop(0);
this.parent.insect_mc.gotoAndStop(0);
});
//-------------------------------
this.nav3_mc.on("mouseover", function () {
this.gotoAndPlay(1);
this.parent.insect_mc.gotoAndStop(3);
});

this.nav3_mc.on("mouseout", function () {
this.gotoAndStop(0);
this.parent.insect_mc.gotoAndStop(0);
});

Vergleiche die Funktionen der einzelnen Buttons. Das einzige was sich hier ändert ist Frame Nummer, welche im insect_mc aufgerufen wird.

this.parent.insect_mc.gotoAndStop(1);

this.parent.insect_mc.gotoAndStop(2);

this.parent.insect_mc.gotoAndStop(3);

Man beachte auch wie ich auf den Movieclip insect_mc zugreife. Außerhalb einer Funktion würde ich mit this.insect_mc darauf zugreifen. Innerhalb der Funktion bedeutet this jedoch das Objekt welches die Eventfunktion aufruft. Da diese Movieclipinstanzen in der gleichen Zeitleiste liegen, kann ich mit this.parent.insect_mc darauf zugreifen. In der protoype Funktion auf der nächsten Seite wird dieser mc einfach als Parameter übergeben.

Nächstes Beispiel / Animate CC Tipps