New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<link rel="stylesheet" type="text/css" href="mouseovertabs.css" />

<script src="mouseovertabs.js" type="text/javascript">

* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at for this script and 100s more


<div id="mytabsmenu" class="tabsmenuclass">
<li><a href="" rel="gotsubmenu[selected]">JavaScript Kit</a></li>
<li><a href="" rel="gotsubmenu">CSS Drive</a></li>
<li><a href="">No Sub Menu</a></li>

<div id="mysubmenuarea" class="tabsmenucontentclass">

<!--1st link within submenu container should point to the external submenu contents file-->
<a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>


<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)