How to make text disappear when the mouse is over a button?

Hello, I'm completely new to Flash, and well I need help. I created a page that contains static text in the Center.

Page has buttons on the side and when I rollover a button text is displayed, but the problem is that when I rollover a button, static text in the Center is here and I want to hide as I can't read anything either because the texts are overlapping.

How can I make the text in the centre disappear / hide when I rollover a button and how do I make it reappear when the mouse is the off button?

I hope what I said makes sense.

You can assign the code onRollOver and onRollOut buttons to the dispappear of text, but you will need make the text a movieclip with instance name that you can use to target to make it invisible.  In the example below, the button has an instance name of "btn" and the movieclip of text has an instance name of "text_mc".

btn.onRollOver = function() {}

text_mc._visible = false;

}

btn.onRollOut = function() {}

text_mc._visible = true;

}

Tags: Adobe Animate

Similar Questions

  • I want a music video to play when the user hovers over a button

    Hello

    I want a music video to play when the user hovers over a button, but I don't want the music to start again when the user hovers over the button again. I want him to play for its entire length, does not restart if the user accidentally will be on it once more.

    Thanks in advance for any help.

    You can use:

  • page link text disappears when the link is run

    I have a page with lots of links and e-mail links on page 2 Web using Dreamweaver CS5.5.  During the test, I was able to first see the text for all of the links on the page.  Whenever I click on a link, the text so that it is empty, but the link works fine.  After that, there is an empty space on the page where the link text had been, but when the mouse enters it, the link is displayed and can be run again.  He NEVER comes back.  I can't test on another computer and initially, the text is there but not after execution of the binding.  It's as if the text is just sucked out of the page.  Here is the link to the page that I have tested.  I used Insert > Email to put in place email links and typed in links to web pages 2.

    http://www.graceavenue.org/new%20Site/view/missions.htm

    Where the text goes and how can I keep him?

    Thank you, Susan

    I can provide the source code if it would help although it is available in the view > page Source.

    Here is the css of the page:

    {body
    background-color: #FFFFFF;
    left margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    do-family: Tahoma, Geneva, without serif.
    do-size: 12px;
    line-height: normal;
    Color: #000;
    padding: 5px;
    }

    TD {}
    do-family: Tahoma, Geneva, without serif.
    do-size: 12px;
    Color: #000000;
    line-height: normal;
    margin: 0;
    padding: 0px;
    make-style: normal;
    make-weight: normal;
    }

    a: link {}
    color: #000090;
    text-decoration: none;
    do-size: 12px;
    make-style: normal;
    line-height: normal;
    make-weight: bold;
    }
    {.sitelink}
    do-family: Tahoma, Geneva, without serif.
    do-size: 12px;
    make-style: normal;
    make-weight: bold;
    color: #000090;
    }

    a: visited {}
    color: #FFFFFF;
    text-decoration: none;
    }
    a: hover {}
    color: #000090;
    text-decoration: underline;
    do-size: 12px;
    make-style: normal;
    line-height: normal;
    make-weight: bold;
    }
    a: active {}
    color: #000090;
    text-decoration: none;
    do-size: 12px;
    make-weight: bold;
    }

    {.h1}
    color: #C00000;
    font size: 24 PX.
    do-family: Tahoma, Geneva, without serif.
    make-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    make-style: normal;
    text-align: center;
    }

    . H2 {}
    do-size: 18px;
    do-family: Tahoma, Geneva, without serif.
    color: #C00000;
    make-weight: bold;
    make-style: normal;
    text-align: center;
    }
    {.h2b}
    do-size: 18px;
    do-family: Tahoma, Geneva, without serif.
    Color: #000000;
    make-weight: bold;
    make-style: normal;
    text-align: center;
    }

    . H3 {}
    font size: 24 PX.
    do-family: Tahoma, Geneva, without serif.
    Color: #000000;
    make-weight: bold;
    make-style: normal;
    }

    {.h4}
    do-size: 14px;
    do-family: Tahoma, Geneva, without serif.
    Color: #000000;
    make-weight: bold;
    make-style: normal;
    }

    . H5 {}
    do-size: 14px;
    do-family: Tahoma, Geneva, without serif.
    color: #C00000;
    make-weight: bold;
    make-style: normal;
    }

    .i {}
    do-size: 14px;
    do-family: Tahoma, Geneva, without serif.
    Color: #000000;
    make-weight: normal;
    make-style: italic;
    }

    .i2 {}
    do-size: 12px;
    do-family: Tahoma, Geneva, without serif.
    Color: #000000;
    make-weight: normal;
    make-style: italic;
    }

    .p {}
    do-family: Tahoma, Geneva, without serif.
    do-size: 12px;
    make-style: normal;
    line-height: normal;
    make-weight: normal;
    Color: #000;
    }
    . TD {}
    make-style: normal;
    do-size: 12px;
    do-family: Tahoma, Geneva, without serif.
    }

    {#wrapper}
    Width: 1000px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    }
    {.pbold}
    do-size: 12px;
    make-weight: bold;
    }
    {.pictureright}
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

    {.pictureleft}
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

    {.tdbold}
    do-family: Tahoma, Geneva, without serif.
    do-size: 12px;
    Color: #000000;
    line-height: normal;
    margin: 0;
    padding: 0px;
    make-style: normal;
    make-weight: bold;
    }

    . SM {}
    do-family: Tahoma, Geneva, without serif.
    do-size: 9px;
    Color: #000000;
    line-height: normal;
    margin: 0;
    padding: 0px;
    make-style: normal;
    }

    Not too surprising, really.  This is what happens when you have white text on white background links.

    {body

    background-color: #FFFFFF; / * It's white * /.

    }

    a: visited {}

    color: #FFFFFF; / * It's white * /.

    text-decoration: none;

    }

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

    http://Twitter.com/ALTWEB

  • Menu bar and 'new tab' button are white when firefox is open, each button becomes visible when the mouse passes over it. How can I fix it?

    The individual buttons reappear as the mouse moves over them. (file, edit, view, etc.)

    If hardware acceleration is the cause of the problems then this means that Firefox is unable to use the GPU to your chart view card in order to unload the main processor and perform actions more quickly.

    You may not notice any difference is most cases.
    The only solution is to check if there is an update of the driver for your graphics card.

  • Active window disappears when the mouse is moving quickly to the right

    Did not previously this same problem. I work in the window..., web page, word doc... accidentally push the mouse to the right... the window disappears, and does not reappear until I move the mouse in return. Buttons are not clicked, this only occurs in response to the mouse is moved rapidly to the right (have not tried quick moves to the left.) However, happens not every time, but several times a day. Very annoying. Happened since then that Windows 7 was installed. Thank you for the help

    I think that you are referring to the Aero Peek feature. See if OPTION 2 - turn Aero Peek On or Off with the Preview button in the task bar of office help in the tutorial below:

    Aero Peek - turn on or off the
     http://www.SevenForums.com/tutorials/838-Aero-peek-turn-off.html

    Kind regards

  • Help! Movement of the object of continuous when the mouse is over - ActionScript 3.

    Hello! I'm working on a school project. Here is a picture of what I'm working on.

    Screen shot 2010-09-18 at 7.49.34 PM.png

    My cursor in this film is the heart. When I move my mouse on Hello Kitty, she jumps - but only once. How can I make him keep jumping when my mouse is above it and make its judgment jump when I pull away? Here is the code below. If you can help that would be great!

    Also, because I'm new to ActionScript I might have messed up with the movement of the animation. Hello Kitty used to jump all the time without doing me anything. Then I copied the code of movement in my ACTIONS layer to the Hello Kitty object code stop(); . She is not jumping all the time, just at the time when my mouse flies over her... but she jumps only once and that's the problem. I want it to keep jumping until my mouse is above it. Help, please! Thank you!!!


    Import fl.motion.Animator; I COPIED THIS MOVEMENT OF THE MOTION TWEEN ON THE CAT

    "var kittyMotion_xml:XML = < time Motion ="15"xmlns =" "fl.motion. *" xmlns:geom = "flash.geom. *" xmlns:filters = "flash.filters. *" >

    < source >

    < source frameRate = '24' x = "8.95" y = "63.9" scaleX = scaleY '1' = '1' rotation = elementType '0' = 'graph' NomSymbole = 'Tween 1' >

    < size >

    < geom:Rectangle left = "-110.65" top = "-135" width = '221.35' height = "270.05" / >

    < / size >

    < transformationPoint >

    < geom:Point = "0.49988705669753786" x = "0.49990742455100906" / >

    < / transformationPoint >

    < / source >

    < / source >


    < keyframe index = "0" tweenSnap = "true" tweenSync = "true" >

    <>interpolation

    < SimpleEase ease = '0' / >

    < / tweens >

    < / keyframe >


    < Keyframe index = tweenSnap "14" = "true" tweenSync = "true" firstFrame = "14" y = "-63.55" >

    <>interpolation

    < SimpleEase ease = '0' / >

    < / tweens >

    < / keyframe >

    < / motion >;


    / * var kittyMotion_animator:Animator = new Animator (kittyMotion_xml, kittyMotion);

    kittyMotion_animator.play (); * /



    HKITTY_mc.addEventListener (MouseEvent.MOUSE_MOVE, mouseMOVE); MOVE THE MOUSE TO MAKE KITTY JUMP


    function mouseMOVE(event:MouseEvent):void {}

    HKITTY_mc.gotoAndPlay (kittyMotion_xml.currentFrame);

    }




    other_kitty_mc.Alpha = 0;

    Assign all to this other_kitty_mc event listeners, but have orders in the functions target the hkitty_mc you already have.

  • How to highlight text when the mouse is over the text

    I would like to underline the text when I move the mouse over it? Is this possible with the JavaFX event listener?

    It is possible:

     final Text  text = new Text("Say 'Hello World'");
           text.setOnMouseEntered(new EventHandler() {
                @Override
                public void handle(MouseEvent event) {
                    text.setUnderline(true);
    
                }
            });
    
           text.setOnMouseExited(new EventHandler() {
                @Override
                public void handle(MouseEvent event) {
                    text.setUnderline(false);
    
                }
            });
    
  • How to make a passage from the mouse inactive before a click?

    Hello

    IM new at this request, but I like it a lot!

    My question is how to activate a button with a 'click' or any other action that is the only thing before for example a passage of the mouse becomes active? I would like to make this infographic that gives you the ability to click a button, then a rectangle is displayed, then you hover over the rectangle and the text appears.

    Thanks in advance

    Casper

    I would use animate() for mouseenter and mouseleave events.

    Example here:

    Dropbox - double action btn.zip

  • Drop-down menus do not disappear when the mouse

    Screen shot 2013-03-22 at 1.24.59 PM.png

    Created with the composition widget drop-down menus remain on-screen, even after I mouse-out. They remove only cdes the screen if I navigate to another page. This behavior leaves a menu (submenu residential) overlappimg Business submenu as in this picture.

    How can I set the target of a widget to disappear after I deleted the mouse on the trigger?

    If you're going to continue to approach Composition widget, you must select the widget to Composition, and then choose the object command > Move To > Master in the foreground in order to go the top of content to pages, the master page is applied to.

    I'm still confused as to why this isn't just a horizontal menu widget on every page (which reflects the structure of your site in the Plan view and automatically assigns and maintains all the page names and links to menus and submenus) or manual (where you can manually create the complete menu structure set the names of menu items and assign links to each menu item and submenu). The menu widget supports formatting and menu structure you currently have (and automatically requires all the submenus to be above any other content when displayed in a browser).

  • How to make an end, when the last piece is finished

    IM new to Flash

    Can someone tell me how to end a puzzle game where the final piece of the puzzle is to / collides with the last location, he'll then a scene from new movie with a different major and a text like "you win."  Here is the code of action drag drop with no end I did a scene 2 and im planning to go to the scene 2 (the one with txt and new background) once the puzzle is completed. I don't know how to code, I copied all of this online tutorial which is great, but not end. Also, scene 2 I want to put a BACK button where it goes back to the scene 1 (solve the puzzle thingy).  Im still new and have no history proggramming, any help is appreciated. Thankx.

    piece1_mc.addEventListener (MouseEvent.MOUSE_DOWN, dragStart1);
    function dragStart1(event:MouseEvent): void {}
    piece1_mc.StartDrag ();
    }

    piece1_mc.addEventListener (MouseEvent.MOUSE_UP, dragStop1);
    function dragStop1(event:MouseEvent): void {}
    piece1_mc.stopDrag ();
    If (piece1_mc.hitTestObject (holder1_mc) == true) {}
    piece1_mc.x = holder1_mc.x;
    piece1_mc.y = holder1_mc.y;
    }
    }

    piece2_mc.addEventListener (MouseEvent.MOUSE_DOWN, dragStart2);
    function dragStart2(event:MouseEvent): void {}
    piece2_mc.StartDrag ();
    }

    piece2_mc.addEventListener (MouseEvent.MOUSE_UP, dragStop2);
    function dragStop2(event:MouseEvent): void {}
    piece2_mc.stopDrag ();
    If (piece2_mc.hitTestObject (holder2_mc) == true) {}
    piece2_mc.x = holder2_mc.x;
    piece2_mc.y = holder2_mc.y;
    }
    }

    piece3_mc.addEventListener (MouseEvent.MOUSE_DOWN, dragStart3);
    function dragStart3(event:MouseEvent): void {}
    piece3_mc.StartDrag ();
    }

    piece3_mc.addEventListener (MouseEvent.MOUSE_UP, dragStop3);
    function dragStop3(event:MouseEvent): void {}
    piece3_mc.stopDrag ();
    If (piece3_mc.hitTestObject (holder3_mc) == true) {}
    piece3_mc.x = holder3_mc.x;
    piece3_mc.y = holder3_mc.y;
    }
    }
    piece4_mc.addEventListener (MouseEvent.MOUSE_DOWN, dragStart4);
    function dragStart4(event:MouseEvent): void {}
    piece4_mc.StartDrag ();
    }

    piece4_mc.addEventListener (MouseEvent.MOUSE_UP, dragStop4);
    function dragStop4(event:MouseEvent): void {}
    piece4_mc.stopDrag ();
    If (piece4_mc.hitTestObject (holder4_mc) == true) {}
    piece4_mc.x = holder4_mc.x;
    piece4_mc.y = holder4_mc.y;
    }
    }
    piece5_mc.addEventListener (MouseEvent.MOUSE_DOWN, dragStart5);
    function dragStart5(event:MouseEvent): void {}
    piece5_mc.StartDrag ();

    }

    piece5_mc.addEventListener (MouseEvent.MOUSE_UP, dragStop5);
    function dragStop5(event:MouseEvent): void {}
    piece5_mc.stopDrag ();
    {if (piece5_mc.hitTestObject (holder5_mc) == true)}
    piece5_mc.x = holder5_mc.x;
    piece5_mc.y = holder5_mc.y;
    }
    }
    piece6_mc.addEventListener (MouseEvent.MOUSE_DOWN, dragStart6);
    function dragStart6(event:MouseEvent): void {}
    piece6_mc.StartDrag ();
    }

    piece6_mc.addEventListener (MouseEvent.MOUSE_UP, dragStop6);
    function dragStop6(event:MouseEvent): void
    {
    piece6_mc.stopDrag ();
    {if (piece6_mc.hitTestObject (holder6_mc) == true)}
    piece6_mc.x = holder6_mc.x;
    piece6_mc.y = holder6_mc.y;
    }


    }

    In each section test you if there was a shot, when a stroke occurs, you must remove to prevent event listeners which allows the object to process again and then increments a counter so that you can check if all parts are recorded as having been abandoned... example...

    outside any other code, declare the variable

    var plantedCount:int = 0;

    then inside you event handler functions do something like the following:

    If (piece1_mc.hitTestObject (holder1_mc)) {}

    piece1_mc.x = holder1_mc.x;

    piece1_mc.y = holder1_mc.y;

    piece1_mc. RemoveEventListener (MouseEvent.MOUSE_DOWN, dragStart1);

    piece1_mc. RemoveEventListener (MouseEvent.MOUSE_UP, dragStop1);

    plantedCount += 1;

    if(plantedCount == 6) {}

    Stop (1, "scene2");

    }

    }

    Note: When the code is repeated in modes such as yours the fact usually indicates the code can be condensed by making it more generic in which the same functions are shared by all the parts rather than having sets of functions dedicated to each piece.

  • How to make a clip with the mouse

    How do rotate you a clip so it always faces the mouse?

    Try something like this:

  • How do I change position when the mouse is clicked?

    So, I'm doing a firearm are intended to the cross, so that it follows the mouse all the time. I want that it back down, then the mouse pointer goes up and the gun keeps track.

    I tried something like mouseY - 10; but with no luck, it did nothing. Thank you.

    You can't control the mouse of the users.  You can "hide" the users mouse and use a clip shaped cross to indicate where the mouse is and that movieclip, you can control.

  • Bug in the transition from the groups of tabs when the mouse is over a tab

    I use two groups of tabs, each around 3-10 tabs open. I press Ctrl +' to switch between groups of two tabs. Everything works fine except when I have the chance to have the mouse cursor positioned on a tab when I press Ctrl +'. In this case, Firefox seems to get confused and I get an unpredictable mixture of the two groups of tabs tabs. I have to then move mouse tab and then press Ctrl +' twice to the tab group good I tried to move on. It's boring.

    I think it started in FF29, but I'm not sure.

    First of all, I would like to confirm that it is a bug. Secondly, I would like to see it attaches. I tried to find info on this several times without success. Anyone know anything about this?

    Thank you.

    OK nevermind, I did some more research and found a bug in Bugzilla for it. The bug has been fixed and I've confirmed with a night generation. Looking forward from the set in a regular release.

  • Color Photoshop image changes when the mouse hovers over it

    Hello

    I installed Photoshop on a new server and when I open an image in Photoshop displays colors incorrectly. If I then move the mouse to the images it then corrects the color. I see not why he did it because I didn't see any changes to the default settings during the installation. Does anyone know why it does this?

    If I take an extract from the image and paste it into word, the image is fine, so it is on display in Photoshop at fault.

    Any help would be greatly appreciated.

    Sean

    Hello

    now, I found the resolution to this to Photoshop when it is installed on a Citrix Xenapp server and which was to change the following registry -.

    [HKEY_LOCAL_MACHINE\SOFTWARE\Citrix\ica\THINWIRE

    "DISABLEOSSFORPROCESSES"IS"PHOTOSHOP. EXE; ILLUSTRATOR. "EXE"

    Thank you for your help.

  • Satellite M50 - how to make scratches disappear from the silver surface

    Hey

    so the other week I bought a Toshiba Satellite M50 and I love her!
    I'm looking to snap the case for weeks because I know myself and I was sure that I would eventually ruin the outer shell, but I can't find anywhere.

    So last night I walk to the top of the stairs and my mother screaming something that makes me jump and I was wearing my phone with the charger on top and to prevent it from falling I really crack down fort and one of the pins on the top of the silver surface striped card.
    I'm so gutted!

    So my question is that no one knows what either which can make the scratch disappear or at least fade?

    I was thinking solvent, but don't want to try anything where it makes it worse.
    know that it's kind of a stupid question, but it's really important to me!
    Thank you!

    P.S. I realized that my key U is really steep... any ideas on how I can get this back to normal?

    In my opinion there is not an effective method that you can use to remove or fade those stripes.
    The surface is damaged and, unfortunately, it will still be visible.

    I also think that you should not use dissolving because of the possible chemicals that can damage the surface even more.

    Is it deep enough or just scratches superficially?

Maybe you are looking for