Поиск на сайте
Главная Журнал Форум Wiki DRKB Страны мира


 

     Для того чтобы сделать Навигационное дерево используется 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>
                <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>

Основные разделы сайта


 

Реклама Полиграфия. Недорого цифровая печать брошюр, крепление на 2 скрепки, доставка и самовывоз.