Stim ca multe elmente ale unei pagini web sunt importante, insa butoanele ocupa un loc mai special. Aspectul acesta este cu atat mai important, cu cat, un buton, daca este bine realizat isi poate face foarte bine slujba de “call to action”.
Acum ceva timp am creat cateva butoane grafice cu aspect clar, tridimensional si glossyin varianta normal dar si rollover. Textul putea fi personalizat, insa, a venit momentul ca aceste butoane sa prinda viata. Cum am facut acest lucru? Raspunsul este CSS si HTML. Tehnica nu este una pura CSS, pentru ca ar fi insemnat sa nu folosim nici un fel de fisier grafic sau imagine, ci am folosit aceleasi butoane pe care le puteti vedea aici.
Frumuseteaza, insa, nu sta in efectul css de rollover, ci faptul ca pe langa cele doua limbaje de programare, am folosit si un script JAVA disponibil prin platforma Jquery Si pentru ca tot a venit vorba, iata ce spune Wikipedia despre Jquery:
jQuery este o platformă de dezvoltare JavaScript, concepută pentru a uşura şi îmbunătăţi procese precum traversarea arborelui DOM în HTML, managementul inter-browser al evenimentelor, animaţii şi cereri tip AJAX.
Efectul folosit pe butoanele web este unul de fade, putandu-se observa trecerea foarte lina dintr pozitiile normala si rollover ale butoanelor. Lasand vorbaria, iata rezultatul:
Articole asemanatoare:
Leave a Reply
Promovam
