Записки Веб-Майстра

Всім привіт! Цю статтю я вирішив присвятити веб майстрам (тобто не новачкам), хоча і деяким новачкам буде корисною. Тут я хочу зібрати збірку меню на CSS або (і) JavaScript.

Мінімалістичне меню

І ще й до того надлегке: всього 2,7 кб! Менюшка працює на CSS + JavaScript. Розумію що противників жава скриптів зараз немало, та все ж декому менюшка по душі.

Живий приклад

Скачати приклад з офіційного сайту

Красиве випадаюче меню

Ось приклад дуже красивого випадаючого меню. Випадає воно коли мишка заходить у тег “onmouseover”, який ви розміщаєте де вам буде зручно. Як ви вже напевне зрозуміли менюшка написана на CSS + JavaScript, але меню того варте. Провірено на Safari, Firefox, Opera, IE7.

Приклади

Приклад
Скачати (з офіційного сайту)

Оригінальне кругле меню

Нарешті перепало хоть щось любителям чистого CSS. Красиво, стильно та реалізовано з розумом. Пояснювати як реалізовано не буду: як то тепер кажуть “многа букафф”) А якщо серйозно, якщо вам потрібно знати як реалізоване меню - маєте два виходи: йдете сюди, і вивчаєте статтю автора, але це тільки тим, хто знає іспанську), або качаєте приклад, і рядочок за рядочком вникаєте в код.

Приклад

Тепер качаєм приклад менюшки
А для тих, хто ще не здогадався - живий приклад вище:)

LavaLamp меню

І на останок ще одне дуже красиве меню на ваш сайт у стилі “LavaLamp”. Реалізована менюша на жаль на CSS та JavaScript, але дуже красиво та якісно. Але краще один раз побачити ніж 100 раз почути). Дивимся

Живий приклад

Дивимось ще одну демку цього меню
Скачати приклад меню

Примітка. Не у всіх браузрах ця сторінка буде видаватися корректно. Помилка переважно буде ставатися у браузерах IE 6, тож знесіть цей мастдай і поставте собі щось нормальне:) Провірялося на Opera i Mozilla FireFox