A Flash Developer Resource Site

Results 1 to 5 of 5

Thread: Transparant bar on mouse over

  1. #1
    Junior Member
    Join Date
    Jan 2011
    Posts
    2

    Transparant bar on mouse over

    Hi Guys - newbie here - nice to meet you all.

    I've been playing around with KM for a few weeks.
    I've developed a bit of a slideshow and was wondering how I could get a transparant bar (with some buttons) to appear at the bottom of the stage when the mouse is moved over the bottom of the stage?

    Any help would be most appreciated
    Cheers

  2. #2
    KoolMoves Moderator blanius's Avatar
    Join Date
    Jul 2001
    Location
    Atlanta GA
    Posts
    5,244
    Not sure there is a way to do this without getting your hands dirty with a little actionscript, but fear not! I'm here to help

    Create a new movieclip, draw a rectangle the size you want your bar to be. Close the movieclip and position it where you want it to be. Reopen the movieclip and select your triangle, convert it to a movieclip name this movieclip "contents" open this child movie and add your buttons.

    Code:
    mc1.contents.alpha=0;
    
    mc1.addEventListener(MouseEvent.MOUSE_OVER,showBar);
    mc1.addEventListener(MouseEvent.MOUSE_OUT,hideBar);
    
    function showBar(e:MouseEvent){
    	mc1.contents.alpha=.5;
    	trace("over");
    }
    
    function hideBar(e:MouseEvent){
        mc1.contents.alpha=0;
        trace("out");
        }
    Look at attached
    Attached Files Attached Files

  3. #3
    KoolMoves Moderator blanius's Avatar
    Join Date
    Jul 2001
    Location
    Atlanta GA
    Posts
    5,244
    to make it really cool you could use something like TweenLite to fade it up and down nicely.

  4. #4
    Junior Member
    Join Date
    Jan 2011
    Posts
    2
    Thanks blanius - will try out your recommendations.

    Terry

  5. #5
    KoolMoves Moderator blanius's Avatar
    Join Date
    Jul 2001
    Location
    Atlanta GA
    Posts
    5,244
    Let me know how it goes. Happy to help

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center