Уеб сайт за ИТ и електроник размисли

22окт/130

Респонсив меню

Тъй, като се наложи да направя първият си респонсив дизайн започнах с реализацията на менюто.  Към монета са доста модерни големите менюта (Mega Menu) . Поради тази причина трябваше да съчетая обикновено падащо (drop down) меню с голямо меню.  За реализацията са използвани HTML, CSS, jQuery и css media queries.

В примера е използван последната версия на jQuery: jQuery jquery-1.10.2.min.js

Както е всеизвестно браузърите на Майкрософ преди версия 9 не поддържат media queries, за тази цел е нужно да се добави и скрипт (javascript) за фиксиране на този проблем. В Интернет има множество решения.

В следващите редове ще покажа нужния код;

Публикувано от Мариан Андреев