Ergebnis 1 bis 3 von 3

Thema: [Tutorial] Button - Hint kommt reingeflogen

  1. #1
    TP-Specialist Avatar von the0bone
    Registriert seit
    Mar 2001
    Ort
    NDS
    Beiträge
    4.271

    [Tutorial] Button - Hint kommt reingeflogen

    Hi TP´s und Flashies!

    Da auf unserem Portal zur Zeit nicht viel los ist, poste ich hier mal ein kleines Tutorial, was selbst kieseler.com noch ein bisschen aufwerten könnte.

    Beim surfen im Netz bin ich mal wieder auf so einen Schaltflächeneffekt gestossen. Hier findet ihr, was ich meine!
    Man ich mit der Mouse über einer Schaltfläche und von rechts faded eine Schrift, weitere Schaltflächen oder ein Bild sanft hinein und verschwindet dann wieder zur linken Seite.

    Wie geht das und wie geht das, ohne Fehler, wenn ich mit der Mouse wie ein Blöder druaf und weg, drauf und weg von der Schaltfläche gehe. (PS: beim dem Link oben tritt dieser Fehler auf!)

    1. Schritt
    Eine Schaltfläche auf der Bühne erstellen und ihr folgendes ActionScript zuweisen:
    PHP-Code:
    on (rollOver) {
    mouseda true;
    }
    on (rollOut) {
    mouseda false;

    Hiermit setze ich nur eine Variable, die ich an anderer Stelle auswerte.

    2. Schritt
    Erstellen der Grafik, Textes oder sonstwas, was herreingeflogen kommen soll. Dieses wird dann in einen MC gepackt und als Instanz benannt.

    3. Schritt der MC bzw. die Instanz benötigt ein ActionScipt, damit er/sie ein Verhalten kann. Dieses Verhalten sollte sich nach der oben genannten Variable richten.
    Vor jedem Verhalten sollte die Instanz ersteinmal ausgeblendet werden und eine Position erhalten.
    PHP-Code:
    onClipEvent (load) {
        
    // Voreinstellungen
        
    this._x 150+50;
        
    this._alpha 0;

    Jetzt das oben angesprochene
    PHP-Code:
    onClipEvent (enterFrame) { //wenn du dieses Bild erreichst
        
    if (_level0.mouseda == true) { // und wenn die Mouse über der Schaltfläche ist
            
    this._x = (150-this._x)*0.3+this._x//bewege dieses Objekt aus die Position 150px von linken Rand zu
            
    if (this._alpha<100) { //wenn jetzt noch der Alphawert kleiner 100 ist
                
    this._alpha this._alpha+10//dann erhöhe den Alphawert
            
    //Ende des MouseOver
        
    } else {
            
    // wenn mouse weg
            
    this._x this._x-5//bewege dieses Objekt um 5 nach links
            
    this._alpha this._alpha/2//und verringere Alpha
        
    }
        if (
    this._alpha == 0) { //wenn Alpha 0
            
    this._x 150+50//dann setze das Objekt wieder an die Startposition
        
    }

    Super kommt der Effekt natürlich, wenn die Schaltfläche mittig über der 150 steht; der Effekt also genau unter der Schaltfläche stattfindet.

    Viel Spass und postet doch bitte ein paar Links zu euren Umsetzungen!
    the0bone

    Wissen ist Macht, nichts Wissen macht nichts! Doch auch auch wenn man es nicht besser weiss, sollte man beim Erstellen einer Webseite auf Frames und Tabellen verzichten.

  2. #2
    TP-Specialist Avatar von the0bone
    Registriert seit
    Mar 2001
    Ort
    NDS
    Beiträge
    4.271
    Mal wieder hochholen, den Thread!
    the0bone

    Wissen ist Macht, nichts Wissen macht nichts! Doch auch auch wenn man es nicht besser weiss, sollte man beim Erstellen einer Webseite auf Frames und Tabellen verzichten.

  3. #3
    TP-Senior
    Registriert seit
    Sep 2003
    Ort
    Cabarete
    Beiträge
    127

    Thumbs up

    Hi!
    setze es morgen auf einer Page ein - deshalb hier das Flash zur Veranschaulichung ... Flash 8
    Und DANKE Coole Sache!

    CU
    Stev
    Angehängte Dateien Angehängte Dateien

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51