Время: 23:47
Суббота 22.07.2017
[ Новые сообщения · Учасники · Правила форума · Быстрий Поиск · RSS ]
Страница 1 из 11
Модератор форума: rysinyak 
Форум » uCoz » Скрипты » Древовидное меню сайта
Древовидное меню сайта
rysinyak Дата: Четверг, 08.10.2009, 21:13 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 78
Награды: 10
Репутация: 20
:-(
Смайл настроения:

CODE
<script>

function startmenu()
{
document.getElementById('menu1').style.display = "none";
document.getElementById('menu2').style.display = "none";
document.getElementById('menu3').style.display = "none";
}

function menufunc(menuId)
{
if(document.getElementById(menuId).style.display == "none")
{
startmenu();
document.getElementById(menuId).style.display = "block";
}
else
{
startmenu();
}
}

</script>
что где?

1) function startmenu() - создаём функцию, имя произвольное в данном случаи startmenu
2)
document.getElementById('menu1').style.display = "none"; - этой
строчкой находится элемент в документе, id которого - menu1 и этот
элемент удаляется из документа. Занимаемое им место не резервируется и
веб-страница формируется так, словно элемента и не было. В нашем случи
таких мест - 3 (тоесть три 'выподаюших' меню )
3) function
menufunc(menuId) - новая функция, в теле которой будет условие. звучит
примерно так: если элемент в документе имеет id - menuId и этот элемент
равен значению - none (тоесть скрыт), то присвоить ему значение -
block! Которое откроет наше меню... ежели нет, то всё как в первом
пункте.

Теперь что такое menuId??? А это мы узнаем, когда сделаем html макет нашего меню: (объяснения опять таки ниже...)

CODE
<body onLoad="javascript:startmenu()">
<table width="100%">
<tr>
<td valign="top" width="20%">

<a href="javaScript:menufunc('menu1')">Photoshop</a>
<div id="menu1">
- <a href='/'>Уроки Photoshop</a><br>
- <a href='/'>Работа в Photoshop</a><br>
- <a href='/'>Photoshop Exchange</a><br>
</div>
<br>
<a href="javaScript:menufunc('menu2')">Векторные редакторы</a>
<div id="menu2">
- <a href='/'>Adobe Illustrator</a><br>
- <a href='/'>Corel Draw</a><br>
</div>
<br>
<a href="javaScript:menufunc('menu3')">3D редакторы</a>
<div id="menu3">
- <a href='/'>3D редакторы</a><br>
- <a href='/'>3D Уроки</a><br>
- <a href='/'>3D Работы</a><br>
</div>
<br>

</td>
<td valign="top" width="80%">

</td>
</tr>
</table>
</body>

Для красоты заделаем CSS
CODE
a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}

Keensiolo Дата: Суббота, 12.12.2009, 15:44 | Сообщение # 2
Группа: Гости






ВСЕМ ХАЙ!
matt Дата: Понедельник, 14.12.2009, 18:47 | Сообщение # 3
Рядовой
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
:-(

HoiffCofBig, спамер блин cool
Форум » uCoz » Скрипты » Древовидное меню сайта
Страница 1 из 11
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Лучшии пользователи Новые пользователи Самые популярны СОФТ
Зарабатывать в интернете деньги не только реально, но и удоб (1)
Заработай бесплатные биткоины (bitcoin) здесь! (0)
Легкий заработок без вложений для новичка. (0)
..№7..ЗАРАБОТОК НА ВЫПОЛНЕНИИ ЗАДАНИЙ.ЗАРАБОТОК В СОЦ СЕТЯХ. (0)
..№6.. ЕЩЁ ОДИН ПОПУЛЯРНЫЙ БУКС. ДОХОД ОТ 100 РУБЛЕЙ В ДЕНЬ. (0)
..№5.. ПРОВЕРЕННЫЙ СПОСОБ ЗАРАБОТКА ДЛЯ НОВИЧКОВ (0)
..№4.. ЗАРАБОТОК НА РАСШИРЕНИИ ДЛЯ БРАУЗЕРА (0)
..№3.. ЗАРАБОТОК В СОЦИАЛЬНЫХ СЕТЯХ (0)
..№2..ОТЛИЧНЫЙ САЙТ ДЛЯ ЗАРАБОТКА БЕЗ ВЛОЖЕНИЙ (0)
ЛУЧШИЙ ДОХОД БЕЗ ВЛОЖЕНИЙ 100-500 РУБЛЕЙ В ДЕНЬ (0)
Битая ссылка, Нерабочая ссылка (31)
Скрипт "Распечатать страницу" (4)
Photoshop онлайн на своем сайте (4)
Как попасть в бан Google - быстро и с гарантией! (2)
Нет аватара (2)
Бот на форум! (2)
Древовидное меню сайта (2)
Раскрутка сайтов (2)
Нужен скрипт (2)
Бот для миничата (1)
rysinyak
jasminka
Batareyka
andryhha97
kragsburger
MyLife
mobile
sbvasyl
Lookflaco
matt
bereleh99
pirate-ben
dim0675239012
nirajitore
pion-47
jodexi
rikki7575
acerius2010
doradion
dima31012003koposov
DjVu Viewer v6.1.0.1492
Windows Media Player 12 Rus Полная Руская версия!
ACDSee Pro 9.1
1С Предприятие 8.2 Для України +конфиг
Активатор Windows 8.1
ProLing Office 5.0 SP2 Standard + crack скачать бесплатно
Network Assistant 4.5 Final (build 2668) + смайлики + keygen
Pragma 6.0.101.11 Business + Cловари 6.0.100.11 + crack скачать бесплатно
Carambis Driver Updater 1.1.2
ABBYY FineReader 12