Hvordan lage en jQuery Fade to Mer Smooth

JQuery er en Javascript-bibliotek som forenkler skripting av visse Javascript-funksjoner. Du kan referere til funksjoner i jQuery når du skriver skriptet å redde deg fra manuelt skrive ut flere linjer med Javascript-kode. Funksjoner i jQuery biblioteket inkluderer event håndtering, dokument manipulasjon, Ajax samhandling og animasjonseffekter som for eksempel å lage en webside element fade in, fade ut eller blekne til et mål eller en annen funksjon. Hvis du finner ut at fade effekt er for brå, kan du øke varigheten av fade effekt for å skape en jevnere fade.

Bruksanvisning

1 Høyreklikk på websiden kildefilen eller Javascript JS filen og velg "Åpne med." Klikk for å velge "Notisblokk" eller "WordPad" fra listen over programmer, og klikk "OK."

2 Finn linjen av Javascript-kode som inneholder fade funksjonen. Funksjonen kan lese ".fadeIn", ".fadeOut" eller ".fadeTo", og kan ha opptil fire argumenter i parentes som følger dette. Det første argumentet etter fade funksjonen bestemmer varigheten av fade effekt i millisekunder, mens følgende argumenter definere opasitet, lettelser og en tilbakeringingsfunksjon for når fade fullført. Ikke alle argumenter må være til stede for linjen med kode for å kjøre skikkelig. For eksempel, en linje med kode som blekner i en webside element med ID utpeking av "blokk" for en varighet på 400 millisekunder, og deretter kaller en funksjon kalt "funksjon" kan vises som nedenfor.

$ ( '# Blokk "). FadeIn (400, funksjon () {

3 Erstatte varigheten verdien av "400" til "1000" for å øke varigheten ansiktet til en hel andre, eller 1000 millisekunder, slik at overgangen mer jevn. Den kodelinje med dette erstatnings leser som nedenfor.

$ ( '# Blokk "). FadeIn (1000, funksjon () {

4 Klikk på "File" -menyen, og velg "Lagre".