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

<title>Dynamic Drive DHTML Scripts- DD Tab Menu Demo</title>

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

* Drop Down Tabs Menu- (c) Dynamic Drive DHTML code library (
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at for full source code


<!-- CSS for Drop Down Tabs Menu #1 -->
<link rel="stylesheet" type="text/css" href="dropdowntabfiles/ddcolortabs.css" />


<div id="colortab" class="ddcolortabs">
<li><a href="" title="Home"><span>Home</span></a></li>
<li><a href="" title="New"><span>New</span></a></li>
<li><a href="" title="CSS" rel="dropmenu1_a"><span>CSS</span></a></li>
<li><a href="" title="Partners" rel="dropmenu2_a"><span>Partners</span></a></li>
<li><a href="" title="Useful Tools"><span>Tools</span></a></li>

<div class="ddcolortabsline">&nbsp;</div>

<!--1st drop down menu -->
<div id="dropmenu1_a" class="dropmenudiv_a">
<a href="">Horizontal CSS Menus</a>
<a href="">Vertical CSS Menus</a>
<a href="">Image CSS</a>
<a href="">Form CSS</a>
<a href="">DIVs and containers</a>
<a href="">Links and Buttons</a>
<a href="">Other</a>

<!--2nd drop down menu -->
<div id="dropmenu2_a" class="dropmenudiv_a" style="width: 150px;">
<a href="">CSS Drive</a>
<a href="">JavaScript Kit</a>
<a href="">Coding Forums</a>
<a href="">JavaScript Reference</a>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", 3)