Meniu animat

În acest tutorial, ne vom uita la crearea unui meniu animat cu jQuery. În ciuda simplității sale, arată foarte impresionant.

Pasul 1.

Să conectăm cadrul jQuery la documentul nostru și imediat după aceea vom scrie scriptul necesar pentru ca meniul să funcționeze.

Pasul 2.

Meniul în sine, ca de obicei, este o listă nenumerată. Lipiți-l în locul potrivit al paginii noastre web:

Pentru un meniu fără imagine de fundal, dăm listei doar identificatorultopnav

și atribuiți o altă clasă versiunii cu imaginea de fundal, în acest cazv2 :

Pasul 3.

Cea mai importantă parte a acestui meniu sunt stilurile CSS.

Versiune text fără imagine de fundal:

pentru versiunea cu o imagine de fundal, să adăugăm mai multe reguli pentru stilul v2:

În consecință, aici trebuie să schimbați calea către fișierul imagine de fundal, dacă nu se află în rădăcina site-ului.

Totul este gata! Sper că acest meniu se va reflecta pe site-urile dvs.

Această lecție a fost pregătită pentru tine de echipa ruseller.com Sursa lecției: www.sohtanaka.com Traducere de: Sergey Patin Lecție creată: 30 noiembrie 2009 Vizualizări: 68611 Retipărește regulile

Ultimele 5 lecții ale rubricii „jQuery”

Animație de tastare jQuery

Astăzi am dori să vă spunem despre biblioteca TypeIt, un plugin jQuery gratuit. Cu ajutorul acestuia, puteți simula tastarea. Dacă totul este configurat corect, puteți obține un efect foarte realist.

Cronologie cu jQuery

Pluginul jQuery cronologie.

Desenați o diagramă Gantt

Plugin pentru diagramă Gantt jQuery.

AJAX și PHP: Încărcare fișier

Un exemplu despre cum să încărcați un fișier folosind PHP și jQuery ajax.

---