Css Menü

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

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

<script type="text/javascript">

//build menu with DIV ID="myslidemenu" on page:
droplinemenu.buildmenu("mydroplinemenu")

</script>

<div id="mydroplinemenu" class="droplinebar">
<ul>
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
  <ul>
  <li><a href="#">Activities 1</a></li>
  <li><a href="#">Activities 2</a></li>
  <li><a href="#">Activities 3</a>
     <ul>
     <li><a href="#">Water Sports 1</a></li>
     <li><a href="#">Water Sports 1</a></li>
     <li><a href="#">Water Sports 1</a></li>
     <li><a href="#">Water Sports 1</a></li>
     </ul>
   </li>
  <li><a href="#">Activities 4</a></li>
  </ul>
</li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
<li><a href="http://www.javascriptkit.com/">JavaScript</a>
  <ul>
  <li><a href="#">Traveling 1</a></li>
  <li><a href="#">Traveling 2</a></li>
  <li><a href="#">Traveling 3</a></li>
  <li><a href="#">Traveling 4</a>
     <ul>
     <li><a href="#">Africa 1</a></li>
     <li><a href="#">Africa 2</a></li>
     <li><a href="#">Africa 3</a></li>
     <li><a href="#">Africa 4</a>
        <ul>
        <li><a href="#">Kenya 1</a></li>
        <li><a href="#">Kenya 2</a></li>
        <li><a href="#">Kenya 3</a></li>
        <li><a href="#">Kenya 4</a></li>
        <li><a href="#">Kenya 5</a></li>
        </ul>
      </li>
     </ul>
   </li>
  <li><a href="#">Traveling 5</a></li>
  </ul>
</li>
<li><a href="http://www.cssdrive.com">Gallery</a></li>
</ul>
</div>