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?
