Hamburger menu - wielki finał

Ser żółty domowego wyrobu
Dodano: Luty 05 2018

"The hamburger, hotdog, pancake, tribar (or triple bar) double oreo or optionsbutton is..." - źródło wikipedia :) Czyli podsumowanie 3 ostatnich ćwiczeń. Wiecie co? Ktoś kto wymyślił te rozwiązanie musiał być naprawde głodny :)

Dobra nastał czas na rozwikłanie tajemnicy hamburgera :D Poprzednie trzy ćwiczenia miały na celu przygotować Was do tej jakże wiekopomnej chwili. Co nalezy zrobić? Wpełni działające HM. Musimy poskładać tak naprawde kod z:

WSTĘP DO HAMBURGER MENU (CZĘŚĆ DRUGA)

WSTĘP DO HAMBURGER MENU (CZĘŚĆ PIERWSZA)

Zmiana wyglądu elementu po kliknięciu

Najwięcej zmian bedzsie przy kodzie JavaScript (raptem kilka linijek). Do dzieła!
PS: Nie mam zdjecia hamburgera to daje zdjęcie sera :D Ale za to home made :) Grafika oczywiście jest dowolna, ja zastosowałem taką jak w poprzednich przykładach :) 

  • Kod JS może być mniej uniwersalny. Dajcie po prostu nasłuchiwacz na knefel który doda klasy i do knefla i do menu
  • Możecie dostosować czasu animacji. U mnie otwieranie i zamykanie trwa 0.5s

 

Serwis korzysta z plików cookies w celu świadczenia spersonalizowanych usług na najwyższym poziomie, w tym usług statystycznych oraz w celu dostosowania zawartości do indywidualnych preferencji Użytkowników, zgodnie z Polityką Plików Cookies. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.