Раздвижное меню - ява или CSS?

12
Лунный Кот
На сайте с 27.01.2006
Offline
222
5003

Необходимо меню, работающее следующим образом: есть набор строк меню. При нажатии левой кнопкой мыши на строку (НЕ при наведении) под ней появляются пункты подменю со ссылками на соотв. разделы сайта. Соответственно, всё содержимое меню, которое находится ниже, сдвигается вниз. При вторичном нажатии пункт меню сворачивается в исходное состояние.

Также и страница должна растягиваться по вертикали при разложении любого пункта меню, чтоб при большом кол-ве пунктов подменю не уходило за нижний край экрана.

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

Хэлп :) отблагодарю.

Вы мне свои достижения жизненные продемонстируйте, пожалуйста, я, возможно, возьму свои слова обратно и извинюсь прилюдно. Только думается мне, что вы банальный лась. (с) Mirson
mallboro
На сайте с 17.07.2006
Offline
117
#1

Лунный Кот, CSS. Посмотрите, к примеру, вот этот шаблон к WP http://blogstyle.ru/144 и посмотрите как это там реализовано

Здесь я покупаю и продаю качественные ссылки навсегда (http://www.gogetlinks.net/register_user.php?inv=jzh9ss) Размещение в англоязычных каталогах статей под ключ ()
lazio
На сайте с 05.10.2006
Offline
47
#2

www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm

может быть так? думаю если немного подкрутить подойдет под ваши требования, сам не вникал...

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
Snowman
На сайте с 29.05.2006
Offline
80
#3

http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

вот это меню пойдет?

Гы-гы ))) не только у дураков мысли сходятся 🍻

Дизайн сайтов + готовые макеты на продажу (от 35wmz) (/ru/forum/840033)
unodj
На сайте с 18.09.2007
Offline
47
#4

использовать Flash и полная кроссбраузерность обеспечена ;)

если надумаете - напишите в личку

Лунный Кот
На сайте с 27.01.2006
Offline
222
#5

mallboro, спасибо, похоже на истину

Лунный Кот добавил 16.07.2008 в 00:13

unodj, давайте я вас стукну, и Вы станете коричневым в крапинку? )))))

mallboro
На сайте с 17.07.2006
Offline
117
#6

unodj, а как насчет индексируемости? особенно в яндекс

kil
На сайте с 03.04.2006
Offline
84
kil
#7

Вот что быстренько удалось написать:


<!-- Сначала пишем js-->
<script type="text/javascript">
function show_hide(el)
{
if(el.className=='visible')
{
el.className='hidden';
}
else
{
el.className='visible';
}
}
</script>

<!-- Определяем стили для меню: visible - подпункты видно, hidden - не видно -->
<style>
li.visible ul{display: block;}
li.hidden ul{display: none;}
</style>

<!-- Пишем само меню в виде списка -->
<ul>
<li class="hidden" onclick="show_hide(this);">Группа ссылок 1
<ul>
<li>
<a href="#">Ссылка 1</a>
</li>
<li>
<a href="#">Ссылка 2</a>
</li>
</ul>
</li>
<li class="hidden" onclick="show_hide(this);">Группа ссылок 2
<ul>
<li>
<a href="#">Ссылка 3</a>
</li>
<li>
<a href="#">Ссылка 4</a>
</li>
</ul>
</li>
</ul>

Впринципе несложно переписать со списков на дивы например и т.п. Вроде под всеми браузерами работает. Стили добавишь по вкусу :)

Лунный Кот
На сайте с 27.01.2006
Offline
222
#8

kil, спасибо!!! буду разбираться )

Ткач
На сайте с 29.04.2007
Offline
95
#9
mallboro:
unodj, а как насчет индексируемости? особенно в яндекс

Если грамотно делать, то индексация будет и в яндексе.

Изменения во флэше реально делать текстом через html

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
[Удален]
#10
mallboro:
а как насчет индексируемости? особенно в яндекс

а нафига вообще его давать индексировать, оно нужно в индексе?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий