# AS3 Simple Menu Roll\_OVER & Roll\_OUT Functions

**URL:** https://forum.kirupa.com/t/as3-simple-menu-roll-over-roll-out-functions/315037
**Category:** flash
**Created:** [October 15, 2010, 5:58pm UTC](https://forum.kirupa.com/t/as3-simple-menu-roll-over-roll-out-functions/315037 "2010-10-15T17:58:15Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![kwkistler](https://avatars.discourse-cdn.com/v4/letter/k/6f9a4e/32.png) [@kwkistler](https://forum.kirupa.com/u/kwkistler)
#### Post date: [October 15, 2010, 5:58pm UTC](https://forum.kirupa.com/t/as3-simple-menu-roll-over-roll-out-functions/315037/1 "2010-10-15T17:58:15Z")

</div>

I have a simple menu movieclip with two buttons with Roll\_OVER & Roll\_OUT Functions. When I Roll\_OVER & Roll\_OUT on “home\_1\_btn” it works fine, but when I Roll\_OVER “home\_2\_btn” it does not Roll\_OUT?

Here is my AS3 that is PIN to the MovieClip

import fl.transitions.Tween;  
import fl.transitions.easing.Bounce;

stop();

// Change the opacity of instance home\_rect to 0 transparent

home\_rect\_1.alpha = 0;  
home\_rect\_2.alpha = 0;

// Home Sub Menu Roll\_OVER & Roll\_OUT

// \*\*\*\*\* Nav Sub Home Button 1 \*\*\*\*\* //  
home\_1\_btn.addEventListener(MouseEvent.ROLL\_OVER, homeRollOver1);  
home\_rect\_1.addEventListener(MouseEvent.ROLL\_OUT, homeMouseOut1);

// \*\*\*\*\* Nav Sub Home Button 2 \*\*\*\*\* //  
home\_2\_btn.addEventListener(MouseEvent.ROLL\_OVER, homeRollOver2);  
home\_rect\_2.addEventListener(MouseEvent.ROLL\_OUT, homeMouseOut2);

// Function Mouse ROLLOVER

function homeRollOver1 (event:MouseEvent):void {  
// Panel 1 ROLLOVER  
var homeMenuTween1a:Tween = new Tween (home\_menu\_1, “x”, Bounce.easeOut, home\_menu\_1.x, 60, .5, true);  
}

function homeRollOver2 (event:MouseEvent):void {  
// Panel 2 ROLLOVER  
var homeMenuTween2a:Tween = new Tween (home\_menu\_2, “x”, Bounce.easeOut, home\_menu\_2.x, 60, .5, true);  
}

// Functions MOUSE OUT

function homeMouseOut1 (event:MouseEvent):void {  
// Panel 1 ROLLOUT  
var homeMenuTween1b:Tween = new Tween (home\_menu\_1, “x”, Bounce.easeOut, home\_menu\_1.x, 440.8, .5, true);  
}  
// Panel 2 ROLLOUT  
function homeMouseOut2 (event:MouseEvent):void {  
var homeMenuTween2b:Tween = new Tween (home\_menu\_2, “x”, Bounce.easeOut, home\_menu\_2.x, 440.8, .5, true);  
}