Come fare un jQuery Fade per più liscia

July 15

JQuery è una libreria JavaScript che semplifica il script di alcune funzioni JavaScript. È possibile fare riferimento alle funzioni di jQuery quando si scrive lo script per salvare se stessi da scrivere manualmente più righe di codice JavaScript. Funzioni della libreria jQuery includono la gestione degli eventi, la manipolazione del documento, l'interazione Ajax e effetti di animazione come la realizzazione di un elemento della pagina Web dissolvenza in, fade out o dissolvenza per una destinazione o un'altra funzione. Se si scopre che l'effetto dissolvenza è troppo improvviso, è possibile aumentare la durata dell'effetto di dissolvenza per creare una dissolvenza più agevole.

istruzione

1 Destro del mouse sul file sorgente della pagina Web o JavaScript js file e selezionare "Apri con". Fare clic per selezionare "Blocco note" o "WordPad" dalla lista delle applicazioni e fare clic su "OK".

2 Individuare la riga di codice JavaScript che contiene la funzione di dissolvenza. La funzione può leggere ".fadeIn", ".fadeOut" o ".fadeTo," e può avere fino a quattro argomenti tra parentesi che seguono questo. Il primo argomento dopo la funzione di dissolvenza determina la durata dell'effetto di dissolvenza in millisecondi, mentre i seguenti argomenti definiscono l'opacità, facilitando e una funzione di callback per quando la dissolvenza completa. Non tutti gli argomenti devono essere presenti per la linea di codice da eseguire correttamente. Ad esempio, una linea di codice che svanisce in un elemento di pagina Web con la designazione ID di "blocco" per una durata di 400 millisecondi e quindi chiama una funzione denominata "funzione" può visualizzare come sotto.

$ ( '# Block'). FadeIn (400, function () {

3 Sostituire il valore di durata di "400" con "1000" per aumentare la durata viso per un intero secondo, o 1.000 millisecondi, rendendo la transizione più liscia. La riga di codice con questa sostituzione legge come di seguito.

$ ( '# Block'). FadeIn (1000, function () {

4 Fare clic sul menu "File" e selezionare "Salva".