Folosind metoda animate (), puteți crea o animație completă în paginile dvs.
Stilurile plasează stiluri CSS pentru animație (mai multe stiluri pot fi aplicate elementului în același timp).
viteza stabilește viteza animației. Puteți specifica viteza folosind proprietatile predefinite: „lent“, „rapid“, „normal“ (lent, rapid, normal), sau specificați viteza în milisecunde (1000 milisecunde = 1 secundă).
Funcția de înmuiere specifică o funcție care va fi responsabilă de execuția fără probleme a animației.
funcția specifică numele funcției a cărei cod va fi executat după terminarea animației.
Notă: pentru a utiliza proprietățile de poziționare a elementului, mai întâi trebuie să setați proprietatea de poziționare la o valoare diferită de cea statică.
Rețineți: o listă completă a tuturor efectelor jQuery existente cu exemple de utilizare a acestora poate fi găsită în jQuery.
Sarcina 1 pune în aplicare sub-elementele enumerate mai jos prin adăugarea la pagină a codului jQuery corespunzător:- Când faceți clic pe butonul cu id = but1, paragraful cu id = par1 ar trebui să dispară și când faceți clic pe butonul c id = but2.
- Când treceți cu cursorul mouse-ului peste un paragraf cu id = PAR2 el trebuie să devină transparentă (puteți specifica oricare dintre valorile de transparență, dar este necesar ca textul în același timp, să fie vizibil) timp de 3 secunde (3000 milisecunde). Când deplasați cursorul mouse-ului din paragraf, ar trebui să returnați valorile standard de transparență.
- Când faceți clic pe butonul cu id = but3, înălțimea elementului wrap1 ar trebui redusă la 0 în 5 secunde. Când butonul cu id = but4 este apăsat, elementul wrap1 trebuie să revină la înălțimea standard în 7 secunde.
- Creați o animație care mută pătratul roșu la rândul său prin toate pătratele negre cu numere. Animația ar trebui activată prin apăsarea butonului cu id = but5.
Articole similare
Trimiteți-le prietenilor: