# Giving a button a mouse out animation
**URL:** https://forum.kirupa.com/t/giving-a-button-a-mouse-out-animation/39428
**Category:** Uncategorized
**Created:** [January 7, 2004, 6:29am UTC](https://forum.kirupa.com/t/giving-a-button-a-mouse-out-animation/39428 "2004-01-07T06:29:21Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@ham](https://forum.kirupa.com/u/ham)
#### Post date: [January 7, 2004, 6:29am UTC](https://forum.kirupa.com/t/giving-a-button-a-mouse-out-animation/39428/1 "2004-01-07T06:29:21Z")
Alright, so I have an idea for a good roll over, but when the user rolls out, I dont want it to go to square one, but rather do an animation that takes it back, making it fluid.
Any help? =)
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 2, 2004, 8:42am UTC](https://forum.kirupa.com/t/giving-a-button-a-mouse-out-animation/39428/2 "2004-08-02T08:42:34Z")
Check it dude,
1.Make an actions layer inside your button movieClip.
2.In the actionscript inspector for that first frame type stop();
3.Animate your rollover on your timeline inside the button MC.
4.ON THE MAIN TIMELINE put another actions layer in this one put the script:
your MC.onRollOut = function() {
if (this.enabled) {
this.onEnterFrame = function() {
this.prevFrame();
};
}
};
your MC.onRollOver = function() {
if (this.enabled) {
this.onEnterFrame = function() {
this.nextFrame();
};
}
};
I put your MC where you should put the instance name of your button.
This will play your movie forward onRollOver then backwards onRollOut.
Pretty sick huh?
I left the enabled disabled part for you to figure out. It’s easy, just remember to run a resetButtons after onRelease or they will stick.
kfur