# MAC OSX type menu

**URL:** <https://forum.kirupa.com/t/mac-osx-type-menu/60247>\
**Category:** design\
**Created:** [August 8, 2004, 5:50am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247 "2004-08-08T05:50:08Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![curtisrollo](https://avatars.discourse-cdn.com/v4/letter/c/e0b2c6/32.png) [@curtisrollo](https://forum.kirupa.com/u/curtisrollo)\
**Post date:** [August 8, 2004, 5:50am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/1 "2004-08-08T05:50:08Z")

</div>

Hey friends,

I’m currently working on a navigation system similar to the Mac OSX menu (where icons expand?). I’ve seen it done on the web in flash, but was never too impressed with the effect, so I programmed my own which I thought is the best I’ve seen. Please check it out in the beta version at

[http://www.curtisyee.com/chineseposters](http://www.curtisyee.com/chineseposters)  
[color=#003366][www.curtisyee.com/chineseposters](http://www.curtisyee.com/chineseposters)[/color]  
[color=#003366][/color]  
[color=#003366]The rest of the page is being built, but I want feedback from others to see how my magnifying thumbnails for your approval. Is it intuitive? Is it smooth? Does it remind you of the good times you’ve spent with your Mac OSX?[/color]  
[color=#003366][/color]  
[color=#003366]sincerely,[/color]  
[color=#003366]curtis[/color]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 6:08am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/2 "2004-08-08T06:08:03Z")

</div>

It’s totally smooth dude 🙂 nice work!! I don’t use MAC tho

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 7:02am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/3 "2004-08-08T07:02:37Z")

</div>

really really nice and smooth, very much like the mac type style, well done!

( i havnt got a mac either, but i do stil use them 🙂 )

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 7:22am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/4 "2004-08-08T07:22:39Z")

</div>

very nice version - very smooth - i did one of these at one point - the examples on the web - you are right - arent very good at times.

good job!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 8:53am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/5 "2004-08-08T08:53:53Z")

</div>

That’s very impressive - the only difference between yours and the one on my mac is that mine doesn’t shake when the icons expand. What do you think that is in your script or lacking in it which could fix that?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 3:17pm UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/6 "2004-08-08T15:17:05Z")

</div>

Hey thanks for testing it out,

What do you mean ‘shakes’ when it expands?

Is it that the thumbnails have a hairline border, and when they expands, sometimes the border gets covered up? So there’s a visual shaking? Without the border for the thumbnail, this menu doesn’t look as nice. Maybe I could expand the frames a bit? Is this really a big problem?

curtis

> [@jdl](#):
>
> That’s very impressive - the only difference between yours and the one on my mac is that mine doesn’t shake when the icons expand. What do you think that is in your script or lacking in it which could fix that?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 5:14pm UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/7 "2004-08-08T17:14:13Z")

</div>

Looks great! They should use that as navigation on [Apple.com](http://Apple.com)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 8, 2004, 5:53pm UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/8 "2004-08-08T17:53:45Z")

</div>

Isn’t that just the tsunami flash effect on the side? Nothing new…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 9, 2004, 11:40am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/9 "2004-08-09T11:40:44Z")

</div>

> [@curtisrollo](#):
>
> Hey thanks for testing it out,
> 
> What do you mean ‘shakes’ when it expands?
> 
> Is it that the thumbnails have a hairline border, and when they expands, sometimes the border gets covered up? So there’s a visual shaking? Without the border for the thumbnail, this menu doesn’t look as nice. Maybe I could expand the frames a bit? Is this really a big problem?
> 
> curtis

The picture when in it’s expanded form doesn’t remain still and clear, it sort of agitates very quickly so the picture is unclear. That is how it looks in Safari on Mac OS X on my computer. I don’t know why???

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 11, 2004, 2:00am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/10 "2004-08-11T02:00:52Z")

</div>

hey,

jdl, I’m not sure why there’s a glitch with your machine, but on most people’s it appears smooth. What version flash plug in are you using?

Someone on another forum asked how it was done, so I thought I’d also post the iner workings here. Here’s the breakdown of how my scroller works. This is totally done in actionscript with no actual tweening.

1)From an XML file, I generate a list of thumbnails to be loaded, and arrange them in a row  
2)for each thumbnail, there is actionscript that detects how close the mouse cursor is to itself, and if it is closer than a certain number of pixels, it will ease/expand dynamically.  
3)there is a movieclip on Enterframe that constantly spaces each thumbnail a certain number of pixels apart, after taking into consideration the size of each thumbnail (as they could have expanded).  
4) another on enterframe movie clip makes sure the entire scroll bar is always centered on stage.

I guess the hardest part is finding the right math formula.

sincerely,  
curtis

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 11, 2004, 2:11am UTC](https://forum.kirupa.com/t/mac-osx-type-menu/60247/11 "2004-08-11T02:11:30Z")

</div>

sweet!
