New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

FF1+ IE5+ Opr7+

Tabs Menu (mouseover)

 Author: Dynamic Drive

Description: This is a mouseover tabs menu. Move the mouse over designated links, and additional "sub links" appear beneath it. Think of it as an inline two level menu.

We intentionally made this script with a minimum amount of styling, so you can personalize its look yourself. As an example, the main links could be substituted with "tab" images instead.

Demo:

JavaScript Kit | Freewarejava


Directions Developer's View

Just insert the below code into the BODY section of your page where you wish the menu to appear:

Select All

Configuring the menu

Configuring the menu is essentially a 3 step process. Firstly, modify the main links to your own. Then, specify the dimensions (width/height) of the container holding the sublinks. Finally, input the sub links themselves inside the script.