# AS3 for sliding nav buttons

**URL:** <https://forum.kirupa.com/t/as3-for-sliding-nav-buttons/263708>\
**Category:** flash\
**Created:** [June 18, 2008, 2:59pm UTC](https://forum.kirupa.com/t/as3-for-sliding-nav-buttons/263708 "2008-06-18T14:59:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tizbo1423](https://avatars.discourse-cdn.com/v4/letter/t/90ced4/32.png) [@tizbo1423](https://forum.kirupa.com/u/tizbo1423)\
**Post date:** [June 18, 2008, 2:59pm UTC](https://forum.kirupa.com/t/as3-for-sliding-nav-buttons/263708/1 "2008-06-18T14:59:37Z")

</div>

i want navigation bars that kind of slide and bounce back into place. i have the code of it and it works great. but now i want them to bounce in after eachother, not all at the same time?  
right now i have the code for each movie clip on separate keyframes so they load up after each other, but i would like to have all the script on one frame.

what code do i add to make it bounce in one after the other without having to but the individual movie clip codes on separate keyframes?

heres what i have now:

* * *

import gs.TweenMax;  
import fl.motion.easing.\*  
TweenMax.to(home, 1, {x:1, y:1, ease:Bounce.easeOut});

import gs.TweenMax;  
import fl.motion.easing.\*  
TweenMax.to(about, 1, {x:1, y:22.6, ease:Bounce.easeOut});

* * *

and so on… any help is appreciated! thanks

---

<div class="post-metadata">

**Author:** ![dail](https://avatars.discourse-cdn.com/v4/letter/d/82dd89/32.png) [@dail](https://forum.kirupa.com/u/dail)\
**Post date:** [June 19, 2008, 8:51am UTC](https://forum.kirupa.com/t/as3-for-sliding-nav-buttons/263708/2 "2008-06-19T08:51:22Z")

</div>

Use the delay property of tweenMax

---

<div class="post-metadata">

**Author:** ![snickelfritz](https://avatars.discourse-cdn.com/v4/letter/s/7ea924/32.png) [@snickelfritz](https://forum.kirupa.com/u/snickelfritz)\
**Post date:** [June 19, 2008, 9:33am UTC](https://forum.kirupa.com/t/as3-for-sliding-nav-buttons/263708/3 "2008-06-19T09:33:41Z")

</div>

```auto
//frame1 actionscript
stop();
import gs.TweenMax;
import fl.motion.easing.*
var myArray:Array = [home, about];

TweenMax.allFrom(myArray, 1, {delayIncrement:1, y:-400, ease:Bounce.easeOut});

```