Meniul de navigare în stilul lămpii cu lavă

Meniul de navigare în stil Lava-Lamp

Înainte de a începe să descrieți structura meniului, poate că nu este inutil să îl priviți în acțiune:

Vreau doar să spun că acest meniu este cel mai bine văzut în browserele Chrome și Firefox.







Pasul 1 HTML

Observați cum stabilim identificatorul "selectat" în pagina principală. Acesta este modul standard pentru majoritatea site-urilor, ceea ce vă permite să definiți stilul pentru secțiunea de meniu principal.






Apoi, trebuie să ne conectăm la pluginul (activate) jQuery. Pentru aceasta avem nevoie de un mic script:


Pentru a executa întregul script, am creat un nou fișier și l-am denumit jquery.spasticNav.js după conectarea la documentul html.

Nu sunt necesare setări speciale, cu excepția cazului în care este necesar să modificați dimensiunea și culoarea meniului în sine. Pentru a face acest lucru, puteți experimenta valorile individuale ale proprietăților în foaia de stil:

Internetul este la indemana. Trebuie doar să știți cum să vă întindeți mâna.

Aș fi recunoscător dacă susțineți proiectul - adăugând un blog la excepțiile AdBlock și partajați un link către intrarea în rețelele dvs. sociale:







Articole similare

Trimiteți-le prietenilor: