# onRollOver flickering problem

**URL:** <https://forum.kirupa.com/t/onrollover-flickering-problem/219351>\
**Category:** flash\
**Created:** [March 15, 2007, 8:54pm UTC](https://forum.kirupa.com/t/onrollover-flickering-problem/219351 "2007-03-15T20:54:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![akire111](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/akire111/32/3442_2.png) [@akire111](https://forum.kirupa.com/u/akire111)\
**Post date:** [March 15, 2007, 8:54pm UTC](https://forum.kirupa.com/t/onrollover-flickering-problem/219351/1 "2007-03-15T20:54:40Z")

</div>

Hello,

I have a row of basic square MovieClips that I am tweening the x and y scale up onRollOver, and scaling back to 100 onRollOut. But I am having some weird behavior when I position the cursor just on the edge of the movieclip, the animation starts to flicker really quickly between the rollOver and rollOut animations. Also sometimes if I roll onto a square from right above it really quickly, instead of scaling up, it pops back to 100 with no tweening. Any ideas on what I am doing wrong? Thank you!

Here is the code:

```auto

import mx.transitions.Tween;
import mx.transitions.easing.*;

for (var i:Number = 0; i<9; i++) {
    var mc:MovieClip = this['sq'+i];
    
    mc.onRollOver = rolledOver;
    mc.onRollOut = rolledOut;
}

function rolledOver():Void
{
    var tw:Tween = new Tween(this, '_xscale', Strong.easeOut, 100, 130, .2, true);
    var tw2:Tween = new Tween(this, '_yscale', Strong.easeOut, 100, 130, .2, true);
}

function rolledOut():Void
{
    var tw:Tween = new Tween(this, '_xscale', Strong.easeOut, 130, 100, 2, true);
    var tw2:Tween = new Tween(this, '_yscale', Strong.easeOut, 130, 100, 2, true);
}

```