Lehetséges animációs tulajdonságok, melyek megegyeznek a JavaScript stílus meghatározásokkal:
Animációknál csak olyan CSS stílus tulajdonság határozható meg, melyek értéke numerikus, azaz, számokat tartalmaz.
Mint például ezek: width: 50px; margin: 30px; stb.
backgroundPositionX backgroundPositionY borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing margin marginBottom marginLeft marginRight marginTop | padding paddingBottom paddingLeft paddingRight paddingTop height width maxHeight maxWidth minHeight minWidth outlineWidth | bottom left right top fontSize letterSpacing wordSpacing lineHeight textIndent |
styles= Stílusok; speed= Sebesség; easing=Könnyítés, enyhítés; callback = Visszahívás; (selector).animate( { styles }, speed, easing, callback ) speed Meghatározza az animáció sebességét. Alapértelmezett értéke, azaz, Default value a 400 milliseconds. Lehetséges értékei: milliseconds (Mint például ezek: 100, 1000, 5000, stb.) "slow" =lassan. "fast" =gyorsan. easing Meghatározza a sebességet, az elem különböző pontjain. Default value a "swing". Lehetséges értékek: "swing" - mozgás lassabban az elején / végén, de gyorsabb a közepén. "linear" - mozgás állandó sebességgel. Több lazítási funkciók is rendelkezésre állhatnak, külső bővítményekkel. callback Meghatározhatjuk, milyen funkciót kell végrehajtani, az animáció befejezése után.
Az animate() metódus, egy egyéni animáció stílus, egy sor CSS tulajdonsággal.
Ez a módszer megváltoztatja a kiválasztott elem vagy elemek, egyik stílusát a másikra. (CSS stílusok)
Csak numerikus értéket lehet animálni (Mint például a "margin: 30px") Relatív animációkhoz használhatjuk a: " += " vagy " -= " jeleket. |
Alternatív szintaxis ( selector ).animate( {styles } , { options } ) Parameter Leírás styles (stílusok) Szükséges egy vagy több olyan CSS tulajdonságot / értéket meghatározni, melyet animálni kell. (Lásd feljebb, lehetséges stílusok.) options (választható lehetőségek) Meghatározhatók további értékek, lehetőségek, az animációhoz. | |
Választható Opciók. | Leírás. |
---|---|
duration | Időtartam. Beállítja az animáció sebességét. |
easing | Meghatározza a lazítási funkció használatát.Meghatározza a sebesség értékét, az elem különböző pontjain. Default value a "swing". Lehetséges értékek: "swing" - mozgás lassabban az elején / végén, de gyorsabb a közepén. "linear" - mozgás állandó sebességgel. Több lazítási funkciók is rendelkezésre állhatnak, külső bővítményekkel. |
complete | Teljes befejezés. Meghatározza a funkciót, melyet végre kell hajtani, az animáció befejezése után. |
step | Lépés az animációknál. Meghatározza a funkciót, melyet végre kell hajtani minden egyes animációs lépésnél. |
progress | Folyamat az animációknál. Meghatározza a funkciót, melyet végre kell hajtani minden egyes animációs lépés után. |
queue | E sorrendben az animációk. Egy logikai (Boolean) érték pontos meghatározásával vagy sem, helyezze az animációs hatásokat sorba. |
specialEasing | Specialis lazítás Meghatároz egy vagy több CSS tulajdonságot, stílus paramétereket, és ezeknek megfelelő lazítás funkciókat. |
start | Kezdő animációs feladat. Meghatározza a funkciót, melyet végre kell hajtani, ha az animáció elkezdődik. |
done | Történés animáció végén. Meghatározza a funkciót, melyet végre kell hajtani, ha az animációnak vége. |
fail | Sikertelen animáció. Meghatározza a funkciót, melyet végre kell hajtani, ha az animáció nem egész.(Nem complete.) |
always | Mindig elvégezni. Meghatározza a funkciót, melyet végre kell hajtani, ha az animáció megáll annak elvégzése nélkül. |