Nwlapcug.com


Come installare jQuery con Dreamweaver

Come installare jQuery con Dreamweaver


Dopo aver visto un'animazione jQuery di aprire gli occhi, si può essere ispirato per includere questi tipi di effetti speciali su tutte le pagine Web. JQuery, una libreria JavaScript, aiuta anche il codice degli sviluppatori più veloce eseguendo automaticamente molte attività complesse. Sebbene jQuery non esiste in un'applicazione Web, fino a quando qualcuno lo installa, è possibile aggiungere la libreria jQuery per i vostri progetti di Dreamweaver mediante il collegamento al file che contiene il codice sorgente.

Istruzioni

1

Aprire Dreamweaver e fare clic sul pulsante "HTML". Dreamweaver crea un nuovo documento di pagina Web.

2

Digitare "Questo è un test" sul documento e quindi evidenziare il testo utilizzando il mouse. Digitare "jQueryTest" nella casella di testo "ID" nella parte inferiore di Dreamweaver. Questa operazione conferisce al testo un valore ID.

3

Fare clic sulla scheda "Codice" nella parte superiore di Dreamweaver per visualizzare il codice HTML del documento. Individuare il tag "< head >" all'interno del codice e incollare il testo seguente sotto il tag:

< script type = "text/javascript" src = "di https://ajax.googleapis.com/
Ajax/libs/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 funzione di animazione jQuery simple. Consente di verificare che jQuery funziona. La funzione si sbiad fuori il testo digitato al caricamento della pagina Web. L'effetto di fadeout prende 5000 millisecondi.

5

Fare clic sulla scheda "Design" per tornare alla visualizzazione progettazione. Visualizzazione del testo. Fare clic sulla scheda "Live Preview". Il testo si sbiad fuori in cinque secondi, verifica che jQuery funziona. Aggiungere codice jQuery aggiuntivi desiderati alla pagina Web.

Consigli & Avvertenze

  • Ricordate che nessun codice JavaScript o jQuery funziona se gli utenti disattivano JavaScript nel proprio browser. Durante la creazione di applicazioni Web, è utile creare modi alternativi per gestire funzioni critiche senza fare affidamento su JavaScript.