Главная Форум


Вы вошли как Гость | Группа "Гости" | RSS Выход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Навигационное дерево
[WSM]StanДата: Суббота, 09.05.2009, 14:22 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 652
Репутация: 77
Статус: Offline
Для того чтобы сделать Навигационное дерево используется 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
Поиск:



| Copyright West Side Mafia © 2024 | Сделать бесплатный сайт с uCoz |