Slik Kombiner få effekter i JQuery

Slik Kombiner få effekter i JQuery


Adobe Flash kan blende Web surfere med fengende spesialeffekter, men du kan lage din egen ved hjelp av jQuery. Side utviklere programmering med jQuery spare tid ved at jQuery funksjoner for å håndtere kjedelige koding oppgaver ofte kreves for å produsere animerte effekter. Innebygd jQuery effekter som "show" og "skjule" vil vise og skjule sideelementer ved hjelp av en eneste linje med kode. Ved å kombinere flere effekter, kan du lage komplekse, iøynefallende animasjoner som er begrenset bare av fantasien.

Bruksanvisning

1 Start Notepad eller HTML editor. Åpne et HTML-dokument du ønsker å bruke til å teste jQuery animasjonseffekter.

2 Legg til følgende kode i dokumentets hoveddel:

<Div id = "div1" class = "test">

<H1> Overskrift Inside Div </ h1>

</ Div>

<Input id = "Button3" type = "button" value = "Kombiner Effects" onclick = "return animere ( 'div1')" />

Dette skaper en div. Div inneholder en overskrift. Div, hvis id er "div1," refererer også en CSS-klasse som heter "test". Den klassen legger en gul bakgrunn til div og gir den høyde og bredde verdier. Legge til disse attributtene til div vil hjelpe deg å se animasjonen mer tydelig. Den "input" statement legger til en knapp som lar deg utløse animasjonen. Knappen er "klikk" hendelse passerer div id "div1," til en Javascript-funksjon som heter "animere".

3 Lim inn følgende kode i dokumentet hode seksjon:

<Script type = "text / javascript" function.applies skjule, vise og animere effekter til div. Tallene 2000 og 1000 avgjøre hvor lenge, i millisekunder, varer hver effekt. Tallet 2000, for eksempel forteller JQuery å skjule div i løpet av en periode på 2000 millisekunder. Animere effekt endrer div høyde til 440 piksler i 600 millisekunder.

5 Lagre dokumentet, og deretter åpne den i en nettleser. Div vises. Klikk på "Kombiner Effects" -knappen. JQuery skjuler div, viser det igjen og levendegjør deretter sin høyde i henhold til verdiene angitt i koden.

Hint

  • Kjede hvilket som helst antall unike jQuery effekter ganske enkelt ved å skille hver av dem med en periode. Endre tallverdier av effekter til å produsere unike varianter. For eksempel ved å endre 2000-20, div brukt i dette eksempelet forsvinner i løpet av 20 millisekunder i stedet for 2000.JQuery er "effekter" siden lister ytterligere påvirker du kan kombinere med dine jQuery animasjoner. .