Для того чтобы сделать Навигационное дерево используется DHTML, CSS, и JavaScript. Очень маленький исходник :). Единственная проблемма, что тестировался этот код только в IE и похоже, что работать он будет тоже только там ...
Code
//**************************************
//**************************************
//
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<style type="text/css"> .sub{
visibility: hidden;
display: none;
}
</style>
<SCRIPT LANGUAGE=JAVASCRIPT>
function subDisplay(subName) {
if (eval(subName).style.visibility == "hidden"){
eval(subName).style.visibility = "visible"
eval(subName).style.display = "list-item"
eval("img" + subName).src = "folderOpen.gif"
}else{
eval(subName).style.visibility = "hidden"
eval(subName).style.display = "none"
eval("img" + subName).src = "folderClosed.gif"
}
}
</SCRIPT>
</HEAD>
<BODY>
<UL>
<Img src="folderClosed.gif" id="imgsub1"> <span onclick="subDisplay('sub1')">Favorites</span>
<UL class="sub" id="sub1">
<Img src="folderClosed.gif" id="imgsub2"> <span onclick="subDisplay('sub2')">Music</span><BR>
<UL class="sub" id="sub2">
<Img src="leaf.gif"> <A href="http://www.napster.com">Napster</A><BR>
<Img src="leaf.gif"> <A href="http://www.mp3.com">MP3.com</A><BR>
<Img src="leaf.gif"> <A href="http://www.scour.net">Scour</A><BR>
</UL>
<Img src="folderClosed.gif" id="imgsub3"> <span onclick="subDisplay('sub3')">Source Code</span><BR>
<UL class="sub" id="sub3">
<Img src="leaf.gif"> <A href="http://www.sources.ru">ИСХОДНИКИ.RU</A><BR>
</UL>
<Img src="leaf.gif"> <A href="mailto:tim@bbs-la.com">Tim Fischer</A>
</UL>
</UL>
</BODY>
</HTML>