: beknopt:) effecten,,,,,,,,,, deelt, delen, delen,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genoemd): dit deel van succinctly.jquery beknopt pluginsjquery eenvoudig: is de Ajax, schakel alle: de aanpak van de gevolgen van de animatie, kan het verbod van alle methoden: een eenvoudig een waarde van de geslachten, echt,,,.,,, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < lichaam > < de hoogte van die style= ": 100px; de breedte van de achtergrond van 100px; kleur: rood, positie: absolute; links: 20px;" > ik probeer animatie.< /div > < script src = 'http: //Ajax. Googleapis. COM /Ajax /Lips /JQuery 1.7.2 /. /"> < /scripts > < script> (functie ($) (jquery.fx.off = echt. $('div"). Slideup (niet); ///////actief, verborgen onmiddellijk}) (:); < /scripts > < /body > < /html >,,, is het echt, alle effecten van de methode, zonder leven, Maar zal het gebruik van de CSS - regels te verbergen en dat onmiddellijk, zonder dat, en dat:: blok.Kun je de achterkant van de gesloten, animatie, eigendom, valse, waarde;.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < lichaam > < de hoogte van die style= ": 100px; de breedte van de achtergrond van 100px; kleur: rood, positie: absolute; links: 20px;" > ik probeer animatie.< /div > < script src = 'http: //Ajax. Googleapis. COM /Ajax /Lips /JQuery 1.7.2 /. /"> < /scripts > < script> (functie ($) (jquery.fx.off = echt. $('div"). Slideup (); jquery.fx.off = vals de animatie terug; ///////('div dollar "). Slidedown (); ///////nu animatie}) (:); < /scripts > < /body > < /html >,, een grondige kennis van de stop () Cartoon - methode, is het vaak noodzakelijk de huidige vooruitgang met animatie de situatie opnieuw te beginnen.Bijvoorbeeld, wanneer gebruik wordt gemaakt van gewoonte, MouseEnter, en mouseleave gebeurtenis (of,,, hover (), methode), je kan per ongeluk de elementen zijn een animatie als gevolg van gebeurtenissen of eerder, MouseEnter, mouseleave,.Dit zal leiden tot accumulatie in de rij animatie, zal dit leiden tot een niet - interface.Om dit te vermijden, eenvoudig te gebruiken, de stop (), een einde te maken aan de huidige animatie voor het begin van een nieuwe methode. <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < lichaam > < de hoogte van die style= ": 100px; de breedte van de achtergrond van 100px; kleur: rood, positie: absolute; links: 20px;" > boven mij.< /div > < script src = 'http: //Ajax. Googleapis. COM /Ajax /Lips /JQuery 1.7.2 /. /"> < /scripts > < script> (functie ($) {% ('div"). In die functie (() {% (dit). Stop (). De animatie (75} {links, "snel");}, functie () {% (dit). Stop (). De animatie (20) {links, "snel");});}) (:); < /scripts > < /lichaam * LT: //europa.eu.int /comm /;; />, te schrappen, stop () van de code en de muis in de elementen voor een paar keer ziet geesten animatie.De pagina 's van de elementen in de samenstelling zal leiden tot een animatie, dit is typisch niet de gewenste resultaten.,,, noot: het bovendien niet alleen kunnen stoppen met de animatie rij, kies ook elementen van de hele rij door, stop (), de parameters voor het echte.Dit zal voorkomen dat alle in de rij van de animatie, actieve en niet - actieve, zeker. En als een van de elementen is animatie: animatie, gebruiken, gewoontes en: animatie, selectief filter kan worden gebruikt voor de selectie van de animatie.Hier, ik gebruik deze gewoonte - filter met een animatie, < tekst toe te voegen; di% GT%, yuan, <.Doctype html> < http: //europa.eu.int lang= "en" > < body> < die style= "height: 100px; breedte: 100px; background-color: rood; kleur: Wit" > < /div> < script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > < /script> < script> (functie ($) (1 recursiveAnimate () {% ('div').SlideToggle ('slow', recursiveAnimate);}; recursiveAnimate (); en ('div:animated'.Text ('). Animating');}) (:); < /script> < /body> < /html>, van de show () (), verbergen, en schakel tussen (), zonder animatie show, met behulp van het,,, () (), en aan de,, schakel tussen (), die met een parameter zal de elementen te veroorzaken of verborgen te animate aangetoond door wijzigingen in de breedte, lengte van de CSS properties:, OKracht, rand, vullen.Het is kan door de animatie te verbergen en dat element, niet door een van de parameter.Deze methode van aanpassing van de zichtbaarheid van het element.De getroffen elementen zal verschijnen en verdwijnen zonder een animatie, door aanpassing van de CSS eigenschap. <.Doctype html> < http: //europa.eu.int lang= "en" > < head> < 1 = "text/css" > DIV (height: 100px; breedte: 100px; background-color: rood; kleur: Wit; de marge: aangebracht;} < /style> < /head> < body> < div> klik m (aan de animatiefilm.) < /div> < div> klik m (verbergen geen animatiefilm) < /div> < script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > < /script> < script> (functie ($) (///////de huid met animatiefilm $('div:first'). (functie) (% (dit.Hide (1000))}); ///////- animatiefilm is $('div:last'). (functie) (% (dit). ()}) aan;}) (:); < /scripts > < /body > < /html >,,,, noot:) (), aan de show,,,, schakel tussen () () (), slideup slidedown (,,) slidetoggle (),,,,, wanneer het gebruik van elementen, de CSS, toont de waarde in verandert, blijkt dat voor de duur van de blokken, animatie, een grondige kennis van de volgorde., en niet om het begrip van de animatie is, is het verschil tussen de animatie en zeer belangrijk is, dit gebeurde in een om de tijd de animatie.Bij verstek, wanneer het effect wordt link, die nog in de rij staan, en elk effect op een andere plaats dan;.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < lichaam > < de hoogte van die style= ": 100px; de breedte van de achtergrond van 100px; kleur: rood, positie: absolute; links: 20px; grens: 1 - pixel vaste&#ff9933" > animatie van me.< /div > < de hoogte van die style= ": 100px; de breedte van de achtergrond van 100px; kleur: rood, positie: absolute; links: 20px; de top: 100px; 1 - pixel vaste grens&#ff9933" > animatie van me.< /div> < script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > < /script> < script> (functie ($) (///////- A is toegevoegd aan de rij en zich voordoet sequentially $('div:first').SlideUp ('slow').SlideDown ('slow').Hide ('slow'); ///////- A is toegevoegd aan de rij en ('div:last'), zich voordoet sequentially.Animate ((breedte'200px'},.Animate (1000) borderLeftWidth:'10px'} {}) (1000);:); < /script> < /body> < /html>, met behulp van het, animate (), - je kan het een Animations te non-sequentially of op het de tijd van de CSS: veranderingen aan die alle een enkele, voor animate ().In de volgende code,, < di% GT%, zodat de breedte en de breedte van de grens en <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < lichaam > < de hoogte van die style= ": 100px; de breedte van de achtergrond van 100px; kleur: rood, positie: absolute; links: 20px; grens: 1 - pixel vaste&#ff9933" > animatie van me.< /div > < script src = 'http: //Ajax. Googleapis. COM /Ajax /Lips /JQuery 1.7.2 /. /"> < /scripts > < script> (functie ($) (///////borderleftwidth eigenschappen zijn de breedte en de animatie en ('div dollar"). Foto' s ((breedte:':':', borderleftwidth "} 10 pixels, 1000);}) (:); < /scripts > < /body > < /html >,, animate () is de basis, het lage niveau van de produktie, en animate (), als basis voor de methode, voor de bouw van een toewijzing van alle vooraf de animations-e.g., aan de slidedown () (),,,.Het biedt de stijl veranderen (in de loop van de tijd) van de waarde van het onroerend goed, hier is wat je moet weten, wanneer het gebruik van deze methode, maar eigendom, digitale waarde te steunen.Met andere woorden, je kan het niet hebben dat de waarde van de achtergrond, kleur, eigenschappen (niet in de « plug­in »).En het nemen van meer waarde van de goederen, niet backgroundposition, animatie, je kunt tot de CSS eigendom, em - en% van toepassing is, kan de relatieve animatie aangewezen op het gebruik van "=" of "=" in het bijzijn van de waarde van het onroerend goed.Dus, bijvoorbeeld, een element van de positieve of negatieve effecten ten opzichte van de huidige positie van 0, als aangewezen een animatie duur, zal aan het einde van die elementen van de animatie onmiddellijk staat, een kortere weg, als een waarde -, door middel van een animatie - en animatie zal alleen in de laatste, alle - door de eigendom van één enkele, animate (), methoden van animatie in dezelfde tijd.,, een grondige kennis van de achteruitgang van de code voor nodig, drie begrippen worden gebruikt, fadein () (), fadeout,,, fadeto (),.,, in tegenstelling tot andere resultaten. Aanpassing van de methoden, verdwijnt niet alleen de transparantie van de elementen.Dit is de veronderstelling dat als het gebruik van deze methode geen elementen, verdwijnen al een lengte en breedte, de achteruitgang van de animatie zal vervagen elementen uit hun huidige ondoorzichtigheid, het gebruik, de fadeout (), methoden de verdwijning van een element van hun huidige ondoorzichtigheid, en als 100% is verdwenen, het zal veranderen. Elementen van de CSS kenmerken vertonen, "niet" en,,, van de bovengenoemde punten is in de volgende code aangegeven, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < lichaam > <.- elementen te faded moet een breedte en lengte --> < die style= "height: 100px; breedte: 100px; background-color: rood;" > < /div> < button> weg. De rest van de way< /button> < script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > < /script> < script> functie ($) {% ('div').FadeTo ('slow', 0,50); en ('button'). (functie) (///////weg van de huidige over naar nul, en dan aan de element via: ///////$('div').FadeOut ('slow');});}) (:); < /script> <; /body> < /html>,