ВФЦУ, 15/07/25, 11:20 AM

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Djum  
Навигационное дерево
[npu3pak]Дата: ВФЦУ, 16/07/10, 3:29 PM | Сообщение # 1





[ ]


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


Хостинг от uCoz Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору.