Zoom Navigational Menu Effect

I am so close to figuring out this effect I’m trying to achieve for a navigation menu. Please provide the final boost to get me there.

The menu I’m after is a horizontal menu across the top of the content. The closer the mouse position is to a particular button, the larger the button becomes. In effect when you have 9 or 10 buttons in a row the zoom effect becomes sort of like the new Mac menu. Another example is jenniferlopez.com – great example.

Does anyone know of a tutorial that outlines how to do this.

Here’s what I’m stuck up on… the math.

As I see it there are 3 points. The far left extreme that effects the button scale. The center of the button – which is maximum scale, and the far right of the button’s influence. I’m setting up my factoring of mouse to button proximity using myObject._xmouse – this returns the mouse position relative to the button.

No code really to post – the only code that works is the mouse proximity to the button.

Rather than ramble on, does anyone know of or have a tutorial?

Thank you,

Joshua

that’s perfect. Thanks

Joshua