Navigation Bar

How can i make nice funky drop down and navigation buttons

[contentmaster]

Hi
I want to make some very stylish looking drop down menus....(also the type which slidein with sub heads on clicking a button) how can this be done...im not sure if i can use flash for this or if there is some simple onmouseover scripts that i can use...

the problem is i dont even know how to create a very simple drop down navigation...so whr and how should i start...so that my ultimate goal is to create a very stylish navigation bar...

please help!

[Birdman]

I suggest you go to hotscripts.com or search for 'DHTML' menus. Then you can test out some demos and pick the one that's closest to what you want and tweak the code.

[contentmaster]

hi i tried hotscripts.com but they are going all over my head...i am totally new to this with almost no knowledge of programming...i cannot understand how to customise these scripts:(

Any help appreciated

[lty83]

look up css layers and javascript show/hide function

you can't expect someone to program it all out for you, you will just have to read and tweak the code and read and learn, only way to go about it

[ORBiTrus]

The easiest way is to tackle everything one step at a time...

You want something to slide.

Build a method that slides a layer.
(Do you want it to slow down as it approaches it's destination or always move at a set speed?)

Build a method that shows a layer.

Build a method that hides a layer.

Build a method that aligns sub-layers.

It's just part of the process. Separate everything out into it's various steps, and create accordingly. Nothing looks too tough when it's just a cog. But when you always focus on the machine, how all the cogs work together, it becomes overbearing.

Good scripts to work with are circular menu scripts. (I made one that was a PHP/JavaScript merger). They take a bit of code to do as HTML is square. :)

That being said.... menus are simple.

<div id='menu1'>....</div>
<div id='menu2'>....</div>
<div id='menu3'>....</div>

then to show the menu, a link with:

onClick='show("menu1");'

show, of course, reads as:
show(layerName) {
document.getElementById(layerName).style.visibility='visible';
}