# Zoom Navigational Menu Effect

**URL:** https://forum.kirupa.com/t/zoom-navigational-menu-effect/97264
**Category:** Uncategorized
**Created:** [December 19, 2003, 4:47pm UTC](https://forum.kirupa.com/t/zoom-navigational-menu-effect/97264 "2003-12-19T16:47:56Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![lomelino](https://avatars.discourse-cdn.com/v4/letter/l/a9a28c/32.png) [@lomelino](https://forum.kirupa.com/u/lomelino)
#### Post date: [December 19, 2003, 4:47pm UTC](https://forum.kirupa.com/t/zoom-navigational-menu-effect/97264/1 "2003-12-19T16:47:56Z")

</div>

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](http://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