JQuery bemutató
Az animate () metódus segítségével teljes animációt hozhat létre az oldalain.
A stílusok CSS stílusokat állítanak be az animációhoz (több stílus is alkalmazható az elemre egyszerre).
sebesség határozza meg az animáció sebességét. A sebességet előre definiált tulajdonságokkal határozhatja meg: "lassú", "gyors", "normál" (lassú, gyors, normál), vagy határozza meg a sebesség milliszekundumban (1000 milliszekundum = 1 másodperc).
A lágyító funkció olyan funkciót határoz meg, amely felelős az animáció zavartalan végrehajtásáért.
funkció megadja annak a függvénynek a nevét, amelynek kódja az animáció befejezése után végrehajtódik.
Megjegyzés: az elem pozicionálási tulajdonságainak használatához először a pozíció tulajdonságot kell beállítani a statikustól eltérő értékre.
Kérjük, vegye figyelembe: az összes létező jQuery effektus teljes felsorolása a használatukra vonatkozó példákkal megtalálható a jQuery hivatkozásunkban.
Az 1. feladat az alábbi alpontokat hajtja végre azáltal, hogy az oldalhoz hozzáadja a megfelelő jQuery kódot:- Ha az id = but1 gombbal kattint, az id = par1 bekezdés eltűnik, és ha rákattint a c id = but2 gombra, akkor megjelenik.
- Ha az egérmutatót az id = par2 elemre helyezi át, átláthatónak kell lennie (három másodpercen belül megadhatja az átlátszó értékeket, de a szöveg láthatóvá válik) 3 másodpercen belül (3000 milliszekundum). Amikor az egérmutatót a bekezdésből távolítja el, vissza kell adnia a szabvány átlátszósági értékeket.
- Ha az id = but3 gombbal kattint, a wrap1 elem magasságát 5 másodpercen belül 0-ra kell csökkenteni. Ha megnyomja az id = but4 gombbal, a wrap1 elemnek 7 másodpercen belül vissza kell térnie a normál magassághoz.
- Hozzon létre egy olyan animációt, amely a piros négyzetet átmozgatja a fekete számok számával. Az animációt az id = but5 gombbal kell aktiválni.