DHTML Menu

**asmalik12** · 11-05-2009, 11:58 AM

sample.html

HTML Code:

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

<style type="text/css">

body { font-size: 0.7em; }
h3   { font-size: 1.6em; margin: 0px; }

a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   100px;

  border:  1px solid black;
  padding: 2px 5px;

  background: #FFFFEE;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #008000;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }

form.sample_attach
{
  position: absolute;
  visibility: hidden;

  border:  1px solid black;
  padding: 0px 5px 2px 5px;

  background: #FFFFEE;
}

form.sample_attach b
{
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.1em;
}

input.sample_attach { margin: 1px 0px; width: 170px; }

</style>

</head>
<body>
<div>

<!-- ***** Dropdown Menu *************************************************** -->

<br /><br />

<div id="sample_attach_menu_parent" class="sample_attach">Main Menu</div>
<div id="sample_attach_menu_child">
<a class="sample_attach" href="javascript:alert('Item 1');">Item 1</a>
<a class="sample_attach" href="javascript:alert('Item 2');">Item 2</a>
<a class="sample_attach" href="javascript:alert('Item 3');">Item 3</a>
</div>

<script type="text/javascript">
at_attach("sample_attach_menu_parent", "sample_attach_menu_child", "hover", "y", "pointer");
</script>

</div>
</body>
</html>

The above is the code for the dhtml menu.

menu.php

HTML Code:

            <ul>
                        <li><a href="http://www.cricpak.5gigs.net/">Home</a></li>
            <li><a href="http://www.cricpak.5gigs.net/forums/">Forums</a></li>
                        <li><a href="http://www.cricpak.5gigs.net/live.php">Live</a></li>
                        <li><a href="http://www.cricpak.5gigs.net/ranking.php">Rankings</a></li>
                        <li><a href="http://www.cricpaki.blogspot.com">Blog</a></li>
                        <li><a href="http://www.cricpak.5gigs.net/videos.php">Videos</a></li>
                        <li><a href="http://www.cricpak.5gigs.net/live_tv.php">Live TV!</a></li>
        </ul>

I want to get the DHTML Menu instead of <a href="http://www.cricpak.5gigs.net/forums/">Forums</a>.