-
Вебмастеру
(
http://forum.oszone.net/forumdisplay.php?f=22)
| oIo_DeN_oIo |
21-12-2006 00:19 527318 |
древовидное меню
Подскажите как сделать меню в виде дерева, как в Проводнике виндовс, плюсик нажимаешь и вылазят под меню без перезагрузки страницы... и что бработало в большинствах браузерах.. встречалось кому такое?
|
| Strange_V |
21-12-2006 01:05 527337 |
Так?
Содержимое поместите между <HEAD> и </HEAD>
HTML код:
<script language="JavaScript">
function clickHandler()
{ var targetId, srcElement,
targetElement; srcElement = window.event.srcElement;
if (srcElement.className == "Outline") {
targetId = srcElement.id + "details";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display = "";
} else {
targetElement.style.display = "none";
} }} document.onclick = clickHandler;
</script>
Содержимое поместите между <BODY> и </BODY>
HTML код:
<BR>
<a id="Out0" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">
► ГЛАВНОЕ МЕНЮ</a>
<div id=Out0details style="display:None; position:relative; left:9;">
<a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►
Home</a><br>
<a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►
Дата и Время</a><br>
<a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Часы</a><br>
<a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Прокрутки (Scrollers)</a><br>
<a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Другая страница</a><br>
<a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Дата Обновления</a><br>
<a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Линки</a>
</div><BR>
<a id="Out1" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">
► ЕЩЕ ОДНО МЕНЮ</a>
<div id=Out1details style="display:None; position:relative; left:9;">
<a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►
Home</a><br>
<a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►
Дата и Время</a><br>
<a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Часы</a><br>
<a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Прокрутки (Scrollers)</a><br>
<a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Другая страница</a><br>
<a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Дата Обновления</a><br>
<a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Линки</a>
</div><BR>
<a id="Out2" class="Outline" style="cursor: hand; color: #000000; font-weight: bold">
► И ЕЩЕ ОДНО МЕНЮ</a>
<div id=Out2details style="display:None; position:relative; left:9;">
<a href="home.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►
Home</a><br>
<a href="DT1.htm" target="_self" style="font-family: Courier; font-size: 8pt; text-decoration: none">►
Дата и Время</a><br>
<a href="clocks1.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Часы</a><br>
<a href="Sc2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Прокрутки (Scrollers)</a><br>
<a href="another.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Другая страница</a><br>
<a href="MD2.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Дата Обновления</a><br>
<a href="Link.htm" target="_self" style="font-size: 8pt; font-family: Courier; text-decoration: none">►
Линки</a>
</div>
|
| oIo_DeN_oIo |
21-12-2006 01:33 527344 |
а как свои картинки вставить вместо преугольников.. а скриптик класный!! очень даже.
|
| XCodeR |
21-12-2006 18:29 527646 |
oIo_DeN_oIo
а на что вам <img....>?
|
| oIo_DeN_oIo |
21-12-2006 23:26 527734 |
нов Firefox не работает :( плохо... есть альтернатива?
|
| Vlad Drakula |
22-12-2006 01:36 527761 |
oIo_DeN_oIo
если и много, многие сами такое пишут, но наверное вам имеет смысл разобраться как можно самому сделать подобное меню.
|
| Prisoner |
23-12-2006 17:58 528328 |
oIo_DeN_oIo, а как же "найдется все"? :) Навскидку.
|
Время: 08:11.
© OSzone.net 2001-
