Grafické efekty: posuvné a blednutiu

Zvlášť príjemné na pohľad, sú účinky posuvné a vyblednutiu. Oba tieto typy vizualizácie môže byť ľahko realizovaný s jQuery vďaka rad metód, ktoré budú vysvetľovať v tejto lekcii.

Posuvné účinky

Účinky týchto snímok vytvoriť animáciu stúpanie alebo klesanie zobraziť alebo skryť predmet, ktorý sa objaví a zmizne, keby to bol nejaký druh "roleta", ktorý sa odvíja i vzad zobrazovať a skrývať.

Ako môžete hádať metódy, ktoré umožňujú tento typ efektu hrať veľa na vertikálny rozmer prvku manipulovať: časový interval (hovoríme o milisekundy) je nastavený na inú výšku tak, aby užívateľ požadovaný efekt.
Samozrejme to je so ovládal úplne jQuery, ktorý umožňuje všetky potrebné výpočty na základe dĺžky nastavenú užívateľom, rovnako ako nastavenie času, je tiež možné zaistiť spätné volanie po spustení efektu.

Poďme sledovať metódy tejto skupiny:

• slideDown ([dĺžky], [callback]) ukazuje prvok rozbaľovacej účinkom;
• slideUp ([dĺžky], [callback]): Skryje prvok s pop-up efekt;
• slideToggle ([dĺžky], [callback]) kombinuje predchádzajúce dve striedania a zvrátiť viditeľnosť a slideDown slideUp.

Prevádzka týchto metód je rovnaký metód v predchádzajúcej lekcii, a pre ne rovnaké logiky. Tu je príklad:

 $ ("# Tlačidlo"). Click (function () {



  



 $ ("# Miaimmagine"). SlideDown ("pomaly", function () {



    



 alert ("Here I am ...');



  



 });







 });

Účinky posuvné, ako už bolo uvedené, choďte na dynamicky meniť veľkosť položky a developer musí brať do úvahy: v skutočnosti je nutné zadať správne miesto, pretože prvok je uvedený v plnej výške, vo svojej konečnej veľkosti, inak by mohlo byť problémy pri vizualizáciu, je navyše skutočnosť, že došlo k zmene, a to je veľkosť nie je vždy pevné vedenie hnutia, možno neúmyselné, ostatné prvky v DOM.

Blednutiu účinky

Potom, čo videl účinky posuvné (hranie zmenou výšky prvkov) sa teraz môžu obrátiť na slabnúci vplyv rôznych operačných iný atribút: krytie obrazu.
Tieto efekty, v podstate, meniť jas vybrané položky a znižovať alebo zvyšovať postupne v priebehu trvania, že používateľ nastaví. Ako obvykle, môžete vytvoriť spätné volanie po spustení efektu.

Poďme sa pozrieť na spôsoby, ktorými sa táto účinky:

• fadeIn ([dĺžky], [callback]): zobrazí požadované položky;
• fadeout ([dĺžky], [callback]): slabnúci vplyv prvku;
• fadeTo (dĺžka, krytie [callback]) umožňuje presne určiť transparentnosť elementu.

Posledná metóda využíva rovnaké parametre z ďalších dvoch, ale tiež umožňuje prispôsobenie krytie cieľového prvku: je to číslo medzi 0 a 1, 0, kde element je úplne neviditeľná, zatiaľ čo 1 je úplne viditeľný.
Tu je príklad:

 $ ("# Tlačidlo"). Click (function () {



  



 $ ("# Miaimmagine"). FadeIn ("rýchlo", function () {



    



 alert ("ja som sa objavil ...');



  



 });







 });

• <<Predchádzajúci lekcie
• Nápoveda Index
• Ďalšia lekcia>>