beet demonstration and introduction

Examples

beet is a small set of DHTML scripts designed to make it simple to quickly add drop-down menu navigation to your web site.

These pages are designed to demonstrate how you can add beet to your site in a simple fashion.

First, you need to include the following two lines inside the <head> element:

<script language="JavaScript" type="text/javascript" src="beet/quirksmode.js"></script>
<script language="JavaScript" type="text/javascript" src="beet/beet.js"></script>

Then you can add a menu to your site by designating an element with class="beetmenubaritem", and then make a javascript call to the beetInitMenu() function.

for example, here is such an element:

Demo

The code for the above element looks like this:

  <span class="beetmenubaritem" id="demomenu">Demo</span>
  <script language="JavaScript" type="text/javascript">
    <!-- // javascript
    beetInitMenu(new getObj("demomenu"), "bottom",
       [["beet Home",         "Takes you back to this page", "index.html"],
        ["fifthhorseman.net", "Takes you to dkg's homepage", "http://www.fifthhorseman.net/"],
        ["Google",            "Takes you to google",         "http://www.google.com/"]
       ]);
    //-->
  </script>