Для
того чтобы сделать Навигационное дерево
используется DHTML, CSS, и JavaScript. Очень маленький
исходник :). Единственная проблемма, что
тестировался этот код только в IE и похоже, что
работать он будет тоже только там ...
//**************************************
//**************************************
//
<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 >
<I mg src="folderClosed.gif" id="imgsub1"> <span onclick="subDisplay('sub1')">Favorites</span>
<UL class="sub" id="sub1">
<I mg src="folderClosed.gif" id="imgsub2"> <span onclick="subDisplay('sub2')">Music</span><BR >
<UL class="sub" id="sub2">
<I mg src="leaf.gif"> <A href="http://www.napster.com">Napster</A ><BR >
<I mg src="leaf.gif"> <A href="http://www.mp3.com">MP3.com</A ><BR >
<I mg src="leaf.gif"> <A href="http://www.scour.net">Scour</A ><BR >
</UL >
<I mg src="folderClosed.gif" id="imgsub3"> <span onclick="subDisplay('sub3')">Source Code</span><BR >
<UL class="sub" id="sub3">
<I mg src="leaf.gif"> <A href="http://www.sources.ru">ИСХОДНИКИ.RU</A ><BR >
</UL >
<I mg src="leaf.gif"> <A href="mailto:tim@bbs-la.com">Tim Fischer</A >
</UL >
</UL >
</BODY >
</HTML >
