Főoldalra

jQuery animate stílusok, opciók.

Animáció stílusok.

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

 

 

Meghatározása és használata.

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.
Előfordulhat, hogy egy vagy több olyan CSS tulajdonságot / értéket kell meghatározni, melyet animálni kell.

Ez a módszer megváltoztatja a kiválasztott elem vagy elemek, egyik stílusát a másikra. (CSS stílusok)
A CSS tulajdonság értéke fokozatosan változik, hogy létrehozza az animációs hatást.

Csak numerikus értéket lehet animálni (Mint például a "margin: 30px")
Stringértéket nem lehet animálni(Mint például "background-color:red"),

Kivéve ezeket a karkterláncokat, stringeket:
"show", "hide" és "toggle". Ezek az értékek lehetővé teszik az elrejtés, és felfedés módját az animált elemnél.

Relatív animációkhoz használhatjuk a:   " += "     vagy     " -= "  jeleket.

 

 

Választható options meghatározások.

Options bemutatókat, lásd az animate() Options témakörben.
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.