# How to make this nav menu?

**URL:** <https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999>\
**Category:** Uncategorized\
**Created:** [May 21, 2004, 9:59pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999 "2004-05-21T21:59:32Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![canucksfan](https://avatars.discourse-cdn.com/v4/letter/c/278dde/32.png) [@canucksfan](https://forum.kirupa.com/u/canucksfan)\
**Post date:** [May 21, 2004, 9:59pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/1 "2004-05-21T21:59:32Z")

</div>

[http://www.2advanced.com/portfolio/penguins/flash-header.jsp](http://www.2advanced.com/portfolio/penguins/flash-header.jsp)

I have a project coming up and it requires us to go out and learn something that we have not learned before. I’ve decided to go with Flash and I plan to make a Flash website. I went over most of the Flash tutorials last night and would like to start on a nav menu for the site.

Could someone please tell me how I could make a menu like that? How does the arrow follow the mouse around the menu like that?

Thanks so much in advance! 🙂

---

<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:** [May 24, 2004, 11:57pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/2 "2004-05-24T23:57:21Z")

</div>

Thanks guys!

I made a test menu and it worked perfectly, but when I began to use my actual images, it didn’t work very well.

Can someone check this file and tell me what’s wrong please? 🙂

[http://www.canucksfanzone.com/images/menu2.fla](http://www.canucksfanzone.com/images/menu2.fla)

Thanks a lot

---

<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:** [May 25, 2004, 6:38pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/3 "2004-05-25T18:38:24Z")

</div>

smooth menu voetsjoeba.

how would you add a function for the arrow to rollout to a selected (pressed) button instead of always defaulting to -5?

---

<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:** [May 25, 2004, 7:06pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/4 "2004-05-25T19:06:29Z")

</div>

Simply remove the on(rollOut) code on the buttons.

---

<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:** [May 25, 2004, 7:26pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/5 "2004-05-25T19:26:45Z")

</div>

> [@Voetsjoeba](#):
>
> Simply remove the on(rollOut) code on the buttons.

thanks for the reply. actually, i was thinking of something closer to the example in the original post: [link](http://www.2advanced.com/portfolio/penguins/flash-header.jsp). so, the arrow would default to -5 when no buttons have been clicked. but after a button is pressed, the arrow rollout would then default to the pressed button coordinates.

---

<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:** [May 25, 2004, 8:59pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/6 "2004-05-25T20:59:27Z")

</div>

I don’t see what the difference between mine and Voets is?

---

<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:** [May 25, 2004, 9:06pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/7 "2004-05-25T21:06:29Z")

</div>

> [@simpleSoft](#):
>
> I don’t see what the difference between mine and Voets is?

no difference. sorry about that…somehow i didn’t see your posting with the fixed attachment :huh:

---

<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:** [May 25, 2004, 9:08pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/8 "2004-05-25T21:08:05Z")

</div>

its alright

---

<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:** [May 25, 2004, 9:12pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/9 "2004-05-25T21:12:19Z")

</div>

Thank you so much simpleSoft and Voetsjoeba! And also thanks to everyone else who helped :D!

I don’t have Flash on this computer, so I can’t see it right now. But looking at the comments from the people here, the menu should look awesome! Can’t wait to get home and check that out 🙂

---

<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:** [May 26, 2004, 2:10am UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/10 "2004-05-26T02:10:50Z")

</div>

OKay I just checked them out and they look great 🙂

Voets,  
How would I make the starting point of the arrow at -5? Right now the arrow starts off on top of “Home”. How do I change it so it starts at -5?

---

<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:** [May 26, 2004, 3:57am UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/11 "2004-05-26T03:57:22Z")

</div>

click on the image: Ctrl+I that will bring up the info box. Now in the X column: type -5.

---

<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:** [May 26, 2004, 7:03am UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/12 "2004-05-26T07:03:49Z")

</div>

Sweet, the menu is now completed. Thanks 🙂

All I need to do is add sound, which I will try my best to figure out, and i’m done!

---

<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:** [May 27, 2004, 1:42am UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/13 "2004-05-27T01:42:55Z")

</div>

1 last question for voets.

How do you change the speed of the ease?

Thanks

---

<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:** [May 27, 2004, 3:07am UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/14 "2004-05-27T03:07:34Z")

</div>

```auto
this._x = x-(x-this._x)/1.2;

```

on this line. Change the 1.2 to anything higher than that number. 1 is the lowest and it wil not move. 2 is pretty fast.

---

<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:** [May 27, 2004, 5:55pm UTC](https://forum.kirupa.com/t/how-to-make-this-nav-menu/110999/15 "2004-05-27T17:55:35Z")

</div>

Yup, 1.2 is by what the distance between the current position and the target position is divided. So the higher this number, the smaller the result and thus the faster the movement. And the lower the number, the greated the result and thus the slower the movement. At 1, there is no movement because a distance divided by 1 is the same distance, so there is no change 🙂
