сворачивание меню
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя |
Сообщение |
<< Старые топики Новые топики >> |
|
|
сворачивание меню - 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,но не смог её применить. или подскажите подробный урок, статью заранее благодарен…
|
|
|
RE: сворачивание меню - 2008-05-25 14:03:46.626666
|
|
|
oRb
Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
|
К примеру так:<a href="javascript:document.getElementById('ul1').style.display='none';">заголовок меню</a>
<ul id="ul1">
<li>link_1</li>
<li>link_2</li>
<li>link_3</li>
</ul> (!писал не тестируя!) Поучи CSS и JavaScript. Без них здесь никуда…
|
|
|
RE: сворачивание меню - 2008-05-25 15:10:18.893333
|
|
|
S.R.
Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
|
что то не работает… необходимо, что бы потом опять развернуть можно было. (работу необходимо срочно сдавать, курсак как никак)
|
|
|
RE: сворачивание меню - 2008-05-25 15:53:42.743333
|
|
|
oRb
Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
|
ну дык напиши функцию, которая будет исходя из текущего состояния менять на инверсное. (у всех счас курсачи).
|
|
|
RE: сворачивание меню - 2008-05-25 16:27:08.870000
|
|
|
S.R.
Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
|
твой пример вообще не работает… мож я что опять туплю…
|
|
|
RE: сворачивание меню - 2008-05-25 20:26:21.540000
|
|
|
oRb
Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
|
Вот тебе 100% рабочий скрипт (даже проверил): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Example by oRb</title>
<script>
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;
}
}
</script>
</head>
<a href="javascript:;" onclick="changeDiplay('ul1')">LINK</a>
<ul id="ul1">
<li>link_1</li>
<li>link_2</li>
<li>link_3</li>
</ul>
<body>
</body>
</html>
и не забудь плюсик поставить. Не зря старалсо ;)
|
|
|
RE: сворачивание меню - 2008-05-25 20:26:59.746666
|
|
|
b[e]nder
Сообщений: 193
Оценки: 0
Присоединился: 2008-01-29 07:22:07.950000
|
Google.com посмотри внимательней!!!!! Там все есть.. либо в личку пиши
|
|
|
RE: сворачивание меню - 2008-05-25 21:24:03.310000
|
|
|
oRb
Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
|
b[e]nder, ахаха! главное вовремя:D:D:D
|
|
|
RE: сворачивание меню - 2008-05-26 07:24:09.530000
|
|
|
b[e]nder
Сообщений: 193
Оценки: 0
Присоединился: 2008-01-29 07:22:07.950000
|
да))) опоздал малец))
|
|
|
RE: сворачивание меню - 2008-05-26 12:54:44.696666
|
|
|
S.R.
Сообщений: 32
Оценки: 0
Присоединился: 2007-02-22 15:56:25.420000
|
ок, огромное спасибо, всё работает! to b[e]nder да я смотрел и находил, и в исходниках других сайтов смотрел как это реализовано, только вот ничего у меня так и не получалось…
|
|
|
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 :)
|
|
|
|
|