Nwlapcug.com


Come fare un jQuery Fade per più liscia

JQuery è una libreria JavaScript che semplifica la creazione di script di determinate funzioni di JavaScript. È possibile fare riferimento a funzioni jQuery in quando si scrive il tuo script per salvare se stessi dalla scrittura manuale su più righe di codice JavaScript. Le funzioni della libreria jQuery comprendono la gestione degli eventi, manipolazione di documenti, effetti di animazione e interazione di Ajax come la realizzazione di un elemento di pagina Web fade in, fade out o fade per una destinazione o un'altra funzione. Se trovate che il vostro effetto di dissolvenza è troppo improvvisa, è possibile aumentare la durata dell'effetto dissolvenza per creare una dissolvenza più liscia.

Istruzioni

1

Pulsante destro del mouse sul file di origine della pagina Web o file js JavaScript e seleziona "Apri con". Fare clic per selezionare "Blocco note" o "WordPad" dall'elenco 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 all'interno delle parentesi che seguono questo. Il primo argomento dopo la funzione di dissolvenza determina la durata dell'effetto dissolvenza in millisecondi, mentre gli argomenti seguenti definiscono opacità, alleggerire e una funzione di callback per quando viene completata la dissolvenza. Non tutti gli argomenti devono essere presenti per la riga di codice da eseguire correttamente. Ad esempio, una riga di codice che sfuma in un elemento di pagina Web con l'indicazione di ID del "blocco" per una durata di 400 millisecondi e quindi chiama una funzione denominata "funzione" può visualizzare come indicato di seguito.

$('#block').fadeIn (400, function () {

3

Sostituire il valore di durata di "400" con "1000" per aumentare la durata di fronte a un secondo completo, 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".