# Navigational bar

**URL:** <https://forum.kirupa.com/t/navigational-bar/42345>\
**Category:** Uncategorized\
**Created:** [February 8, 2004, 5:03am UTC](https://forum.kirupa.com/t/navigational-bar/42345 "2004-02-08T05:03:46Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![hamidb4](https://avatars.discourse-cdn.com/v4/letter/h/898d66/32.png) [@hamidb4](https://forum.kirupa.com/u/hamidb4)\
**Post date:** [February 8, 2004, 5:03am UTC](https://forum.kirupa.com/t/navigational-bar/42345/1 "2004-02-08T05:03:46Z")

</div>

Hello everyone!!,  
How can I put together a nav. bar like the one in the site below? I am talking about the one that looks like folders sliding up on mouse over.  
I greatly appreciate your replies…:ear:  
[http://www.gavindegraw.com/](http://www.gavindegraw.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:** [February 8, 2004, 7:05am UTC](https://forum.kirupa.com/t/navigational-bar/42345/2 "2004-02-08T07:05:58Z")

</div>

could be done using a mask and an onmouseOver animation

---

<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:** [February 8, 2004, 7:38am UTC](https://forum.kirupa.com/t/navigational-bar/42345/3 "2004-02-08T07:38:38Z")

</div>

If you had 5 kids too, there is a good possibility you’d get a brain freeze. LOL

---

<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:** [February 8, 2004, 10:39am UTC](https://forum.kirupa.com/t/navigational-bar/42345/4 "2004-02-08T10:39:34Z")

</div>

fla.

---

<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:** [February 8, 2004, 4:14pm UTC](https://forum.kirupa.com/t/navigational-bar/42345/5 "2004-02-08T16:14:11Z")

</div>

Great work hga77, however I like to be able to get the effect using the mask and on mouseover. I can control things better that way because I don’t have enough knowledge of ac. So, if it is possible please give me an example with a different approach. Thank you.

---

<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:** [February 8, 2004, 5:16pm UTC](https://forum.kirupa.com/t/navigational-bar/42345/6 "2004-02-08T17:16:16Z")

</div>

I dont understand what you mean by saying “onMouseOver”? That is exactly how it works now anyway (ie. if you mouse-over the tab, it shows up!).

As for the mask, give me a minute…

---

<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:** [February 8, 2004, 5:27pm UTC](https://forum.kirupa.com/t/navigational-bar/42345/7 "2004-02-08T17:27:35Z")

</div>

I was talking about achieving the effect through animations, whether use of mask or having the movement in another frame and using something like: on mouseover goto and play(2).  
I hope I didn’t make things even more confusing.

---

<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:** [February 8, 2004, 5:50pm UTC](https://forum.kirupa.com/t/navigational-bar/42345/8 "2004-02-08T17:50:32Z")

</div>

well in that case I would have to do the entire thing again…I dont have the time at the mo…sorry

If you wanna use the current code, its not that hard to add a mask! And the code should also be easy to understand…And its better to use AS than tweens…you can control the movement much better. Learn AS 😉

---

<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:** [February 8, 2004, 5:57pm UTC](https://forum.kirupa.com/t/navigational-bar/42345/9 "2004-02-08T17:57:54Z")

</div>

I’ve been trying to learn AC, but it takes time to get good at it and apply what I have learned. There is no hurry – besides, someone else might respond too. If you get free time later, maybe you can do that for me. Thanks a lot.
