Добро пожаловать! Это — архивная версия форумов на «Хакер.Ru». Она работает в режиме read-only.
 

сворачивание меню

Пользователи, просматривающие топик: none

Зашли как: Guest
Все форумы >> [Web-дизайн] >> сворачивание меню
Имя
Сообщение << Старые топики   Новые топики >>
сворачивание меню - 2008-05-25 13:33:00.956666   
S.R.

Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
Поиск мне не помог, но не потому что таких примеров нет, а просто я не разобрался[:(]
помогите с:
<a>заголовок меню</a>
<ul>
<li>link_1</li>
<li>link_2</li>
<li>link_3</li>
</ul>
при нажатии на заголовок, необходимо реализовать сворачивание меню(желательно с анимацией), что б остался один заголовок.
читал статью на xakep.ru,но не смог её применить.
или подскажите подробный урок, статью
заранее благодарен…
Post #: 1
RE: сворачивание меню - 2008-05-25 14:03:46.626666   
oRb

Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
К примеру так:&lt;a href="javascript:document.getElementById('ul1').style.display='none';"&gt;заголовок меню&lt;/a&gt; &lt;ul id="ul1"&gt; &lt;li&gt;link_1&lt;/li&gt; &lt;li&gt;link_2&lt;/li&gt; &lt;li&gt;link_3&lt;/li&gt; &lt;/ul&gt; (!писал не тестируя!)
Поучи CSS и JavaScript. Без них здесь никуда…
Post #: 2
RE: сворачивание меню - 2008-05-25 15:10:18.893333   
S.R.

Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
что то не работает…
необходимо, что бы потом опять развернуть можно было.
(работу необходимо срочно сдавать, курсак как никак)
Post #: 3
RE: сворачивание меню - 2008-05-25 15:53:42.743333   
oRb

Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
ну дык напиши функцию, которая будет исходя из текущего состояния менять на инверсное.
(у всех счас курсачи).
Post #: 4
RE: сворачивание меню - 2008-05-25 16:27:08.870000   
S.R.

Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
твой пример вообще не работает… мож я что опять туплю…
Post #: 5
RE: сворачивание меню - 2008-05-25 20:26:21.540000   
oRb

Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
Вот тебе 100% рабочий скрипт (даже проверил):
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt; &lt;title&gt;Example by oRb&lt;/title&gt; &lt;script&gt; function changeDiplay(id) { var item = document.getElementById(id).style.display; switch (item) { case "none" : document.getElementById(id).style.display = ""; break; default : document.getElementById(id).style.display = "none"; break; } } &lt;/script&gt; &lt;/head&gt; &lt;a href="javascript:;" onclick="changeDiplay('ul1')"&gt;LINK&lt;/a&gt; &lt;ul id="ul1"&gt; &lt;li&gt;link_1&lt;/li&gt; &lt;li&gt;link_2&lt;/li&gt; &lt;li&gt;link_3&lt;/li&gt; &lt;/ul&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt; и не забудь плюсик поставить. Не зря старалсо ;)
Post #: 6
RE: сворачивание меню - 2008-05-25 20:26:59.746666   
b[e]nder

Сообщений: 193
Оценки: 0
Присоединился: 2008-01-29 07:22:07.950000
Google.com посмотри внимательней!!!!! Там все есть.. либо в личку пиши
Post #: 7
RE: сворачивание меню - 2008-05-25 21:24:03.310000   
oRb

Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
b[e]nder, ахаха! главное вовремя:D:D:D
Post #: 8
RE: сворачивание меню - 2008-05-26 07:24:09.530000   
b[e]nder

Сообщений: 193
Оценки: 0
Присоединился: 2008-01-29 07:22:07.950000
да))) опоздал малец))
Post #: 9
RE: сворачивание меню - 2008-05-26 12:54:44.696666   
S.R.

Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
ок, огромное спасибо, всё работает!
to b[e]nder да я смотрел и находил, и в исходниках других сайтов смотрел как это реализовано, только вот ничего у меня так и не получалось…
Post #: 10
RE: сворачивание меню - 2008-05-27 15:24:30.706666   
Fr3d

Сообщений: 93
Оценки: 0
Присоединился: 2008-05-25 16:56:34.846666
аффтар кури - http://flashripper.net/2007/10/22/krasivoe-menyu-s-pomoshhyu-js.html :)
Post #: 11
Страниц:  [1]
Все форумы >> [Web-дизайн] >> сворачивание меню







Связаться:
Вопросы по сайту / xakep@glc.ru

Предупреждение: использование полученных знаний в противозаконных целях преследуется по закону.