A drop-down menu is essentially a table, which is animated and contains links.
Drop-down menus (also known as nested menus) in websites are slightly complicated to create if you're only used to HTML pages where everything is made in the one HTML file.
It's just conceptually a little different, and once you understand the theory of it, it's easy to make
Making a drown-down menu requires 3 elements
- The actual drop-down code in the website's HTML page, which looks like this (click to enlarge):
- A CSS stylesheet , which is placed in the home folder of the website (which basically gives all the details of how the menu is shaped and looks) You change certain values in this file to change how the table looks (namely size & colour)
- A javascript file, which is placed in the home folder of the website )which gives all the code for the animation of the website)
Putting It All Together
You assemble the table & put
in the links in the main HTML document of your website.
The CSS stylesheet then puts
additional graphics onto how the drown-down menu looks
Finally the javascript provides
this table with animation
More information about making drop down menus (as well as a CSS stylesheet and Javascript file) can be downloaded at:




