Adobe Flash potrebbe stupire navigatori del Web con effetti speciali accattivanti, ma è possibile creare il proprio utilizzando jQuery. Gli sviluppatori del sito di programmazione con JQuery di risparmiare tempo consentendo funzioni di jQuery per gestire le attività di codifica noiosi spesso necessari per produrre effetti animati. Built-in effetti JQuery come "spettacolo" e "nascondere" mostrerà ed elementi nascondere pagina utilizzando una sola riga di codice. Grazie alla combinazione di più effetti, è possibile produrre complessi, animazioni accattivanti che sono limitati soltanto dalla vostra immaginazione.

istruzione

1 Blocco note lancio o qualsiasi editor HTML. Aprire un documento HTML che si desidera utilizzare per verificare JQuery effetti di animazione.

2 Aggiungere il seguente codice alla sezione corpo del documento:

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

<H1> Titolo All'interno Div </ h1>

</ Div>

<Input id = "Button3" type = valore "pulsante" = "combinare gli effetti" onclick = "ritorno animate ( 'div1')" />

Questo crea un div. Il div contiene un'intestazione. Il div, il cui ID è "div1," fa riferimento anche una classe CSS denominato "test". Quella classe aggiunge uno sfondo di colore giallo per il div e gli dà valori di larghezza e altezza. L'aggiunta di questi attributi al div vi aiuterà a vedere l'animazione in modo più chiaro. L'affermazione "input" aggiunge un pulsante che consente di attivare l'animazione. Il pulsante di "click" evento passa id del div, "div1," per una funzione JavaScript denominata "animato".

3 Incollare il codice seguente nella sezione head del documento:

<Script type = "text / javascript" function.applies la pelle, spettacolo e animare effetti alla div. I numeri 2000 e il 1000 a determinare per quanto tempo, in millisecondi, ogni effetto dura. Il numero 2000 per esempio, dice JQuery per nascondere il div per un periodo di 2000 millisecondi. L'effetto animato cambia l'altezza del div a 440 pixel in 600 millisecondi.

5 Salvare il documento, quindi aprirlo in un browser. Viene visualizzata la div. Fare clic sul pulsante "combinare gli effetti". JQuery nasconde il div, mostra di nuovo e poi anima la sua altezza in base ai valori specificati nel codice.

Consigli e avvertenze

• Catena qualsiasi numero di effetti unici JQuery semplicemente separando ognuno con un punto. Modificare i valori numerici di effetti per la produzione di varianti uniche. Ad esempio, cambiando 2000-20, il div utilizzato in questo esempio scompare in 20 millisecondi invece di "effetti" liste pagina di 2000.JQuery aggiuntivi colpisce è possibile combinare le animazioni in jQuery. .