[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: динмическое меню
Гость_lex
Доброго времени суток. Вот сайт http://www.free-lance.ru/ -меню слева зелененнькое и при клике мышки на разделе архитектура, оно разварачиваясь, выпадает плавно. Как такое реализорвать, я не прошу детального кода, просто укажите направление.



Спустя 1 час, 17 минут, 31 секунда (24.12.2009 - 02:52) inpost написал(а):
Я таким админки делаю клиентам =)
Сам скрипт


#acc {width:100%; list-style:none; color:#033; overflow:hidden}
#acc h3 {width:100%; font-weight:bold; cursor:pointer; background:#B3D7FF; border-bottom:2px; border-bottom-color:#000099; border-bottom-style:solid; border-top:2px; border-top-color:#000099; border-top-style:solid}
#acc .acc-section {overflow:hidden}
#acc .acc-content {width:100%; border-top:none}
#nested {width:100%; list-style:none; color:#033}
#nested h3 {width:100%; border:1px solid #9ac1c9; font-weight:bold; cursor:pointer}
#nested .acc-section {overflow:hidden}
#nested .acc-content {width:100%; border-top:none}



<ul class="acc" id="acc">
<li>
<h3><span
class="style4">Страницы</span></h3>
<div
class="acc-section">
<div
class="acc-content">
<p
align="justify" class="admin_menu">Редактировать страницы</p>
</div>
</div>
</li>
</ul>



Потом джаву уже под списком!!!:

<script type="text/javascript" src="script.js"></script>
<
script type="text/javascript">
var parentAccordion=new TINY.accordion.slider("parentAccordion"); parentAccordion.init("acc","h3",false,1);
var nestedAccordion=new TINY.accordion.slider("nestedAccordion");
nestedAccordion.init("nested","h3",true,1,"acc-selected");
</
script>

Спустя 7 часов, 57 минут, 34 секунды (24.12.2009 - 10:50) Гость_lex написал(а):
Класс. Спасибо.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.