# Buttons - in and out effect

**URL:** <https://forum.kirupa.com/t/buttons-in-and-out-effect/114962>\
**Category:** Uncategorized\
**Created:** [July 3, 2004, 10:11pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962 "2004-07-03T22:11:14Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![laxinboi37](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@laxinboi37](https://forum.kirupa.com/u/laxinboi37)\
**Post date:** [July 3, 2004, 10:11pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/1 "2004-07-03T22:11:14Z")

</div>

[color=#003366]i need help with some flash buttons[/color]  
[http://www.xnetwham.com/dlportfolio/](http://www.xnetwham.com/dlportfolio/)  
for the menu at the top, i was looking through kirupa tutorials and the forums, but i couldnt find anything for what I need.  
I want to have a mouseOut action as well, so right now, the navigation works like this.

mouseover - button fades out slightly, moves to the right, and colors change  
mouseout - button fades back in, moves to original position, original colors

can someone please help? thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 4, 2004, 10:20am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/2 "2004-07-04T10:20:54Z")

</div>

easy…just tell me how did u do the mouseover move and fade effect? Using actionscript or motiontween?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 4, 2004, 1:25pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/3 "2004-07-04T13:25:34Z")

</div>

well, I first just converted them into buttons, and used motion tweens  
but a friend told me instead of using button symbols, I should just use movie clip symbols and use the mouseover and mouseout actionscript and tell it where to go for each.  
if anyone can pinpoint a tutorial or explain with the actionscript, that’d be great  
thanks.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 4, 2004, 5:56pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/4 "2004-07-04T17:56:37Z")

</div>

Here is a quick example.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 5, 2004, 12:37am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/5 "2004-07-05T00:37:49Z")

</div>

Thanks, checking it now.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 5, 2004, 12:43am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/6 "2004-07-05T00:43:46Z")

</div>

Ahh… clever way of using the x-coordinates.

Alright. I’m going to try and take out the endX part in the actionscript and will see if putting the gotoandPlay action will be fine.

Thanks much.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 5, 2004, 12:49am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/7 "2004-07-05T00:49:34Z")

</div>

OK. Your attached .fla was helpful, but I am elementary in actionscript and would rather learn the onRollover function and onmouseout function, in coordinance with the goToandPlay functions.

If anyone can attach a sample part of actionscript which I could learn from, that’d be great. Thanks anyway, zao.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 5, 2004, 5:46pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/8 "2004-07-05T17:46:54Z")

</div>

Here it is…:)) Hope it’s what you want…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 5, 2004, 5:54pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/9 "2004-07-05T17:54:08Z")

</div>

those are cool, im terrible at actionscript…what code would work to make those buttons? gotoandplay, or something else?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 6, 2004, 10:55pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/10 "2004-07-06T22:55:33Z")

</div>

WOW! THANK YOU!  
after 11 posts, i finally get what i’m lookking for  
thank you so much

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 6, 2004, 11:12pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/11 "2004-07-06T23:12:38Z")

</div>

Hey  
one question  
how do i make the actionscript play a sound during mouse rollover?

> on(rollOver) {  
> gotoAndPlay(2);//plays forward on the timeline  
> }  
> on(rollOut) {  
> gotoAndPlay(16); //plays the release forward on the timeline  
> }

and how would i make it play a .wav in my library, if the .wav was called "button"without the quotes

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 7, 2004, 3:31am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/12 "2004-07-07T03:31:45Z")

</div>

```auto

on(rollover) {
mysound = new Sound();
mysound.attachSound("button");
mysound.play();
//rest of rollover actions
}

```

Thats just off the top of my head, but I think those functions are correct. If it dosen’t work double check the action to play sounds in the Actionscript reference (I’m 80% sure that’s wrong)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 7, 2004, 7:02am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/13 "2004-07-07T07:02:24Z")

</div>

```auto
        
on(rollover) {
mysound = new Sound(this);
mysound.attachSound("button");
mysound.start(0,1);

```

😉

scotty(-:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 7, 2004, 2:25pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/14 "2004-07-07T14:25:29Z")

</div>

thats the one 😃 (start)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 7, 2004, 4:52pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/15 "2004-07-07T16:52:57Z")

</div>

=)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 7, 2004, 10:55pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/16 "2004-07-07T22:55:26Z")

</div>

=D  
thanks  
final menu is at  
[www.xnetwham.com/dlportfolio](http://www.xnetwham.com/dlportfolio)

---

<div class="post-metadata">

**Author:** ![ruski\_flasher](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@ruski\_flasher](https://forum.kirupa.com/u/ruski_flasher)\
**Post date:** [August 3, 2004, 12:37am UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/17 "2004-08-03T00:37:06Z")

</div>

your links broken.

---

<div class="post-metadata">

**Author:** ![ruski\_flasher](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@ruski\_flasher](https://forum.kirupa.com/u/ruski_flasher)\
**Post date:** [August 4, 2004, 4:07pm UTC](https://forum.kirupa.com/t/buttons-in-and-out-effect/114962/18 "2004-08-04T16:07:48Z")

</div>

please, can anyone kindly convert those two example fla’s into MX versions?