# Dynamic Motion Tween

**URL:** https://forum.kirupa.com/t/dynamic-motion-tween/73432
**Category:** flash
**Created:** [December 16, 2004, 9:02am UTC](https://forum.kirupa.com/t/dynamic-motion-tween/73432 "2004-12-16T09:02:07Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Josh\_Hughey](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/josh_hughey/32/946_2.png) [@Josh\_Hughey](https://forum.kirupa.com/u/Josh_Hughey)
#### Post date: [December 16, 2004, 9:02am UTC](https://forum.kirupa.com/t/dynamic-motion-tween/73432/1 "2004-12-16T09:02:07Z")

</div>

Hi everybody,

I’m trying to create a simple effect I’ve seen several times before, but for some reason just can’t quite figure out.

I need to create a dynamic “sliding arrow” that slides underneath the navigational element (button) the user hovers over.

For example, let’s say I have a navigation like this:

[HOME] [NAV 1] [NAV 2]  
^

(This ASCII is just so you get the idea, I’m using actual images here!) If the user mouses over Nav 1, I need the arrow to gently slide (tween) to the center point on the same vertical axis (same y-value) under Nav 1. Then the same thing if they mouse over Nav 2.

The thing is, let’s say they’ve just moused over Nav 2 and then go over Home - I need the arrow to be able to glide back over there as well. This would be completely dynamic based on the user’s mouse movement(s).

So far the only way I know of to do this is to create motion tweens for every possible contingency and add actionscript accordingly, but I’m sure there’s a \*\*correct \*\*way to do it. Any thoughts?