Rozwijane menu 30+ Przydatne skrypty do poprawy nawigacji nagłówka

Rozwijane menu (znany również jako menu rozwijane) jest niezbędny w większości projektów internetowych. Odgrywa ważną rolę w tworzeniu skutecznej i przyjaznej dla użytkownika strony internetowej. Jest to dobre rozwiązanie do przycinania długiego menu, które przytłacza przestrzeń ekranu, sprawiając, że wyświetlają się one w bardziej uporządkowanej kategorii kategorii podrzędnej.

W tym artykule chcielibyśmy pokazać niektóre z nich najlepsze skrypty menu rozwijanego poznajemy. Te menu rozwijane różni się od CSS tylko, CSS i Javascript i menu, które będzie działać z bieżącą biblioteką JavaScript, jak jQuery, MooTools i Prototyp. Pełna lista po skoku.

Oto kilka powiązanych artykułów, które według nas mogą Cię zainteresować:

Budowanie tabel HTML
Zestawy startowe dla projektantów stron internetowych
Skrypty nawigacyjne oparte na karcie CSS

CSS (tylko)

Jeśli martwisz się, że Javascript jest wyłączony w przeglądarce klienta, to menu rozwijane tylko dla css Cię nie zawiedzie.

Struktura menu rozwijanego CSS. Tytuł mówi wszystko. Jest to framework wydany na licencji GNU General Public License. Kompatybilny z różnymi przeglądarkami, lekki i łatwy do przekształcenia, aby naśladować wiele istniejących menu rozwijanych. Na przykład Flickr, Adobe i MTV.com.

Menu rozwijane Tylko najlepszy CSS

Menu rozwijane CSS Express. Pomóż stworzyć szybkie (wyraźne) menu rozwijane CSS bez niektórych ograniczeń w niektórych innych „czystych” menu CSS.

CSS + Javascript

Z pomocą Javascript rozwijane menu jest bardziej interaktywne lub przynajmniej dostają subtelną animację, która zwiększa komfort użytkowania. CSS, z drugiej strony, upewnij się, że wygląd i styl są łatwe do zrozumienia.

Menu nawigacyjne wszystkich poziomów (v2.2). Menu oparte na liście CSS / HTML z obsługą nieskończonych poziomów podmenu. Jest lekki i łatwy do wdrożenia.

Upuść zakładki (5 stylów). Rozwijane karty to poziome menu kart CSS, które obsługuje menu rozwijane drugiego poziomu dla każdej z jego kart. Pochodzi w 5 różnych stylach.

Menu rozwijane CSS Chrome. Menu Chrome to rozwijane menu hybrydowe CSS i JavaScript. Jest łatwy w konfiguracji i przyjazny dla wyszukiwarek. Pasek menu głównego składa się z listy CSS, natomiast menu rozwijane są zwykłymi tagami DIV na stronie.

jQuerys

Jeśli zaimplementowałeś bibliotekę JavaScript jQuery na swojej stronie, oto kilka naprawdę fajnych menu rozwijanych opartych na jQuery, które powinieneś znać.

Gładkie menu nawigacyjne . Płynne menu nawigacyjne to wielopoziomowe menu oparte na liście CSS zasilane za pomocą jQuery, które sprawia, że nawigacja po witrynie jest sprawna. Oto kolejny podobny - jQuery Multi Level CSS Menu.

Superfish. Superfish to ulepszona wtyczka menu jQuery w stylu Suckerfish, która zajmuje istniejące menu rozwijane czystego CSS (dzięki czemu ulega łagodnej degradacji bez JavaScript). [Demo | Ściągnij]

Mega rozwijane menu. Rozwijane menu, które zawiera więcej niż tylko nową linię linków. Powoduje to również, że linki grupowe i nagrywanie znacznie ułatwiają! [Próbny]

MooTools

Rozwijane menu JavaScript przy użyciu Mootools. Łatwy, dyskretny sposób tworzenia rozwijanego menu za pomocą Mootools 1.2. [Demo | Ściągnij]

Menu rozwijane UvumiTools. Proste, wielopoziomowe menu zbudowane z nieuporządkowanej listy HTML przy użyciu struktury JavaScript Mootools.

Nieuporządkowane menu rozwijane Mootool

Mimicy

Projektowanie nagłówka Digg. Samouczek krok po kroku, jak zbudować rozwijane menu, które naprawdę wygląda jak Digg. [Demo | Ściągnij]

Misc.

izzyMenu. Twórz profesjonalnie wyglądające menu CSS na swojej stronie internetowej, bez pisania pojedynczej linii kodu lub po prostu użyj gotowych.

Menu PureCSS. Darmowy generator menu rozwijanego CSS