tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
0
ZUGRIFFE
1819
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von ZeroEnna
    ZeroEnna ZeroEnna ist offline Mitglied Gold
    Registriert seit
    Dec 2004
    Beiträge
    172
    Hallo zusammen

    Ich habe folgendes Problem mit dem mouseOver Effekt:

    Ich habe ein Bild. Wenn man mit der Maus über dieses fährt, soll ein Kasten mit Informationen über dem Bild erscheinen. Sobald die Maus den Bildbereich verlässt, soll der Informationskasten verschwinden.
    Das Problem hierbei ist, dass der Kasten schon verschwindet wenn man mit der Maus über ihn drüberfährt.

    Ich habe euch mal ein Beispiel angehängt, welches das Problem verdeutlicht. Das rote Rechteck repräsentiert dabei das Bild und das grüne den Infokasten.

    Könnt ihr mit sagen, wie ich es hinbekomme, dass der grüne Kasten erst dann verschwindet wenn die Maus der roten bereich verlässt?

    Vielen Dank und Gruss
    ZeroEnna

    Code :
    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
    
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="250" height="220">
        <mx:Script>
            <![CDATA[
                public function showHelp():void {
                    
                    this.help.visible = true;
                    
                }
                
                public function hideHelp():void {
                    
                    this.help.visible = false;
                    
                }
            ]]>
        </mx:Script>
        
        <mx:Fade id="fadeIn" alphaFrom="0" alphaTo="1" duration="1000"/>
        <mx:Fade id="fadeOut" alphaFrom="0" alphaTo="1" duration="500"/>
        
        <mx:Canvas backgroundColor="0xff0000" backgroundAlpha="1" mouseOver="showHelp()" mouseOut="hideHelp()" width="139" height="195" x="59" y="10">
            
        </mx:Canvas>
        <mx:Canvas backgroundColor="0x00ff00" backgroundAlpha="1" id="help" visible="false" width="189" height="128" x="23" y="50" showEffect="fadeIn" hideEffect="fadeOut">
                
        </mx:Canvas>
    </mx:Application>
    Angehängte Dateien Angehängte Dateien
     
    There are only 10 types
    of people in the world:
    Those who understand binary
    and those who don't

Ähnliche Themen

  1. Mouseover effekt
    Von alex130 im Forum CSS
    Antworten: 1
    Letzter Beitrag: 27.05.07, 12:01
  2. Antworten: 2
    Letzter Beitrag: 03.04.06, 12:06
  3. Mouseover - Effekt
    Von Lars_oe im Forum CSS
    Antworten: 6
    Letzter Beitrag: 22.06.04, 15:22
  4. Effekt bei MouseOver
    Von soul710 im Forum Flash Plattform
    Antworten: 8
    Letzter Beitrag: 29.11.02, 22:56
  5. mouseover effekt......
    Von dongel im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 02.07.01, 09:49