Adobe Flash potrebbe stupire navigatori del Web con accattivanti effetti speciali, ma è possibile creare il proprio utilizzando JQuery. Gli sviluppatori di siti di programmazione con JQuery risparmiare tempo consentendo funzioni JQuery gestire le attività di codifica noiose spesso necessarie per produrre effetti animati. Built-in effetti JQuery come "show" e "nascondere" sarà mostrare e nascondere gli elementi della pagina usando una sola linea di codice. Combinando gli effetti multipli, è possibile produrre animazioni complesse, accattivanti che sono limitate solo dalla vostra immaginazione.

Istruzioni

1

Avviare Blocco note o qualsiasi editor HTML. Aprire un documento HTML che si desidera utilizzare per testare gli effetti di animazione JQuery.

2

Aggiungere il seguente codice alla sezione body del documento:

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

Andando all'interno Div < h1 > < / h1 >

< / div >

< id di input = "Button3" type = "button" value = "Combinare effetti" onclick = "return animate('div1')" / >

Questo crea un div. Il div contiene un'intestazione. Il tag div, cui id è "div1", fa riferimento anche a una classe CSS denominata "test". Che classe aggiunge uno sfondo giallo al div e dà valori di altezza e larghezza. L'aggiunta di questi attributi per il tag div vi aiuterà a vedere più chiaramente l'animazione. L'istruzione "input" aggiunge un pulsante che consente di attivare l'animazione. L'evento del pulsante "fai clic su" passa id del div, "div1," a una funzione JavaScript denominata "anima".

3

Incollare il codice seguente nella sezione head del documento:

< script type = "text/javascript" function.applies la Nascondi, Visualizza ed effetti animati per div. I numeri 2000 e 1000 determinano per quanto tempo, in millisecondi, ogni effetto dura. Il numero 2000, per esempio, dice JQuery per nascondere il div in un periodo di 2000 millisecondi. L'effetto animata cambia l'altezza del div a 440 pixel a 600 millisecondi.

5

Salvare il documento, quindi aprirlo in un browser. Il tag div viene visualizzato. Fare clic sul pulsante "Combinare effetti". JQuery nasconde il div, Mostra di nuovo e quindi viene animata l'altezza in base ai valori specificati nel codice.

Consigli & Avvertenze

• Catena un numero qualsiasi di effetti JQuery unici semplicemente separando ogni uno con un periodo. Modificare i valori numerici degli effetti per produrre variazioni uniche. Per esempio, cambiando 2000 a 20, il div utilizzato in questo esempio scomparirà in 20 millisecondi anziché 2000.JQuery s "Effetti" pagina elenca ulteriori effetti che è possibile combinare in vostre animazioni JQuery. .