Динамическое вертикальное меню

Динамическое вертикальное менюЭто простой урок, расскажет Вам, как с помощью минимальных знаний в области CSS и HTML а так же JavaScript, можно создать вертикальное меню, с вложенными разделами.

Итак, для создания меню нам понадобиться:

1. Изображение

right

2. CSS и JavaScript код

CSS

JavaScript

Теперь html кодом выводим меню

Демо

Вертикальное Меню

P.S.

Затем, можно все взять в какой-нибудь красивый блок с закругленными краями, но это уже будет как говориться совсем другая история 😉

Комментарии — 7 комментариев

  1. #1008 WebMast в 11:40, 10 мая 2009:

    Ответить | Цитировать

    Не поддерживаю такую технику. Намного проще сделать через CSS без скриптов ; ).

  2. #1010 egoholic в 15:32, 10 мая 2009:

    Ответить | Цитировать

    Не поддерживаю такую технику. Намного проще сделать через CSS без скриптов ; )

    -вот вот!
    Мне больше нравится вариант без использования JS

  3. #1076 Pit в 11:17, 22 мая 2009:

    Ответить | Цитировать

    Довольно просто все делается. Только нужно немного времени,чтобы разобраться во всем. Зато меню теперь выглядит просто оригинально.

  4. #2334 kon в 9:13, 6 июля 2009:

    Ответить | Цитировать

    а можите выложить буз ява скрипта

  5. #7076 Станислав в 21:46, 14 октября 2009: (подписался)

    Ответить | Цитировать

    а как точнее за место чего, вставить красивый блок с закругленными краями(подразумевается картинка) …подскажите начинающему

  6. #7135 WebMast в 20:00, 15 октября 2009:

    Ответить | Цитировать

    Станислав, напиши мне в аську, я тебе все расскажу..

  7. #9590 Da39 в 8:09, 7 апреля 2010:

    Ответить | Цитировать

    В принципе все хорошо, за исключением одного: Mozilla Java Script выполняет с ошибкой. Вследствие чего меню не отображается полностью….

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting