September 16
Dopo aver visto un jQuery un'animazione di aprire gli occhi, si può essere ispirato a includere questi tipi di effetti speciali su tutte le pagine Web. JQuery, una libreria JavaScript, aiuta anche il codice agli sviluppatori più veloce eseguendo automaticamente molte operazioni complesse. Anche se jQuery non esiste in un'applicazione Web fino a quando qualcuno lo installa, è possibile aggiungere la libreria jQuery per i vostri progetti Dreamweaver attraverso il collegamento con il file che contiene il codice sorgente.
1 Aprire Dreamweaver, e fare clic sul pulsante "HTML". Dreamweaver crea un nuovo documento pagina Web.
2 Tipo "Questo è un test" sul documento, e quindi evidenziare il testo utilizzando il mouse. Tipo "jQueryTest" nella casella di testo "ID" nella parte inferiore di Dreamweaver. In questo modo si dà al testo un valore ID.
3 Fare clic sulla scheda "Codice" vicino alla parte superiore di Dreamweaver per visualizzare il codice HTML del documento. Individuare il tag "<head>" all'interno del codice, e incollare il seguente testo di sotto di tale tag:
<Script type = "text / javascript" src = "https://ajax.googleapis.com/
Ajax / librerie / jquery / 1 / jquery.min.js "> </ script>
Questo codice rende jQuery disponibile nel documento di Dreamweaver.
4 Incollare il seguente codice JavaScript sotto il codice aggiunto nel passaggio precedente:
$ (Function () {
$ ( '# JQueryTest') fadeOut (5000).;
});
Si tratta di una semplice funzione di animazione jQuery. Esso consente di verificare che jQuery funziona. La funzione svanisce il testo digitato al caricamento della pagina Web. L'effetto dissolvenza prende 5000 millisecondi.
5 Fare clic sulla scheda "Design" per tornare alla visualizzazione di progettazione. Viene visualizzato il testo. Fare clic sulla scheda "Live Preview". Il testo svanisce in cinque secondi, verificando che jQuery funziona. Aggiungere codice aggiuntivo jQuery come necessario per la pagina Web.