Home Menu and Navigation Drill Down Menu Developer's View
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="drilldownmenu.css"
/>
<script type="text/javascript" src="drilldownmenu.js">
/***********************************************
* Drill Down Menu script- (c) Dynamic Drive DHTML code library
(www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s
more
***********************************************/
</script>
<script type="text/javascript">
var mymenu=new drilldownmenu({
menuid: 'drillmenu1',
breadcrumbid: 'drillcrumb',
persist: {enable: true, overrideselectedul: true}
})
</script>
</head>
<body>
<div id="drillcrumb"></div>
<div id="drillmenu1" class="drillmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
<li><a href="http://www.codingforums.com/">Coding Forums</a></li>
<li><a href="#">Activities</a>
<ul>
<li><a href="#">Activities 1</a></li>
<li><a href="#">Activities 2</a></li>
<li><a href="#">Activities 3</a></li>
<li><a href="#">Water Sports</a>
<ul>
<li><a href="#">Water Sports 1</a></li>
<li><a href="#">Water Sports 2</a></li>
<li><a href="#">Water Rafting</a>
<ul>
<li><a href="#">Water Rafting 1</a></li>
<li><a href="#">Water Rafting 2</a></li>
<li><a href="#">Water Rafting 3</a></li>
<li><a href="#">Water Rafting 4</a></li>
<li><a href="#">Water Rafting 5</a></li>
</ul>
</li>
<li><a href="#">Water Sports 3</a></li>
</ul>
</li>
<li><a href="#">Activities 4</a></li>
<li><a href="#">Activities 5</a></li>
<li><a href="#">Activities 6</a></li>
<li><a href="#">Activities 7</a></li>
<li><a href="#">Activities 8</a></li>
</ul>
</li>
<li><a href="#">Entertainment</a>
<ul>
<li><a href="#">Entertainment 1</a></li>
<li><a href="#">Entertainment 2</a></li>
<li><a href="#">Entertainment 3</a></li>
<li><a href="#">Entertainment 4</a></li>
<li><a href="#">Entertainment 5</a></li>
<li><a href="#">Entertainment 6</a></li>
<li><a href="#">Entertainment 7</a></li>
<li><a href="#">Entertainment 8</a></li>
<li><a href="#">Entertainment 9</a></li>
<li><a href="#">Entertainment 10</a></li>
</ul>
</li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="#">Traveling</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="#">North America</a>
<ul>
<li><a href="#">North America 1</a></li>
<li><a href="#">North America 2</a></li>
<li><a href="#">British Comlumbia</a>
<ul>
<li><a href="#">British Comlumbia 1</a></li>
<li><a href="#">British Comlumbia 2</a></li>
<li><a href="#">British Comlumbia 3</a></li>
<li><a href="#">British Comlumbia 4</a></li>
<li><a href="#">British Comlumbia 5</a></li>
</ul>
</li>
<li><a href="#">North America 3</a></li>
<li><a href="#">North America 4</a></li>
<li><a href="#">North America 5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
</ul>
<br style="clear: left" />
</div>
</body>
</html>