Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 11.04.2008, 22:03
Аватар для scuter
Профессор
Отправить личное сообщение для scuter Посмотреть профиль Найти все сообщения от scuter
 
Регистрация: 14.03.2008
Сообщений: 169

ххх,
не сочтите за спам,
менюшка
<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
          <ul>
            <li><a href="#">Item 1.1</a></li>
            <li><a href="#">Item 1.2</a></li>
            <li><a href="#">Item 1.3</a></li>
          </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
          <ul>
            <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                <ul>
                  <li><a href="#">Item 3.1.1</a></li>
                  <li><a href="#">Item 3.1.2</a></li>
                </ul>
            </li>
            <li><a href="#">Item 3.2</a></li>
            <li><a href="#">Item 3.3</a></li>
          </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
Ответить с цитированием
  #12 (permalink)  
Старый 11.05.2008, 19:39
Новичок на форуме
Отправить личное сообщение для ardjuna Посмотреть профиль Найти все сообщения от ardjuna
 
Регистрация: 11.05.2008
Сообщений: 1

Здравствуйте.
Подскажите новичку какими функциями javascript создать выпадающий список (пока хочу как на сайте http://n.constructor.ru/vm/categorie/id/413/ в верхнем левом углу. )
Ответить с цитированием
  #13 (permalink)  
Старый 11.05.2008, 20:24
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,245

Например так:
function func(id)
{
item=document.getElementById(id);
if(item.style.display=="none")
    item.style.display="block"
else
    item.style.display="none"
}

<div onclick="func('podmenu')">Меню</div>
<div id="podmenu" style="display:none">
<a href="">podmenu_1</a></br>
<a href="">podmenu_2</a></br>
<a href="">podmenu_3</a></br>
</div>

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

Последний раз редактировалось Gvozd, 11.05.2008 в 20:29.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающее меню SunYang Общие вопросы Javascript 3 16.04.2009 22:18
Проблемы с меню на JS SeeD Общие вопросы Javascript 5 21.11.2008 19:44
помогите с меню Ribt Общие вопросы Javascript 0 20.09.2008 08:11
Выпадающее меню на css и javascript Jackky Общие вопросы Javascript 3 13.09.2008 18:30
Помогите сделать простое меню debugger Элементы интерфейса 1 09.09.2008 23:14