miercuri, 16 mai 2012

Meniu animat cu jQuery (html css si jQuery)

Meniul este creat doar cu html si css fara a se folosi nici un program de grafica. Doar animatia s-a realizat cu jQuery. Pentru a realiza mai rapid gradienturile, putem utiliza colorzilla (ne generaza cod CSS automat pentru gradienturi) http://www.colorzilla.com/gradient-editor/
Pentru a vedea meniul in actiune copiati codul de mai jos si il lipiti intr-un fisier text cu extensia html dupa care il deschideti cu dubluclick. Ca sa vedeti animatia jQuery aveti nevoie de conexiune la internet. Daca doriti puteti separa codul CSS de restul documentului HTML. Tot codul ce exista intre tagurile "style" ii dati cu cut si il plasati intr-un fisier text cu numele stil.css (este deja linkuit pe acest nume). Va puteti juca cu o gramada de culori si gradienturi, puteti personaliza meniul, puteti adauga sau modifica continutul meniului pentru a-l adapta cerintelor voastre.

Niciun comentariu:

Trimiteți un comentariu