I programmatori che desiderano aggiungere elementi interattivi a una pagina Web devono usare il linguaggio di programmazione JavaScript. JavaScript consente ai programmatori di creare pagine Web che rispondono ai clic del tasto, movimenti del mouse e tasti premuti. I programmatori incontrano spesso molti problemi nel lavorare con JavaScript, perché i browser Internet non implementano in modo coerente. Per questo motivo, è molto probabile che trarre vantaggio da una libreria JavaScript come jQuery durante la scrittura di codice JavaScript. gli utenti JQuery scelgono di aggiungere la libreria jQuery UI per la loro installazione principale di jQuery per aggiungere elementi dell'interfaccia utente come le finestre di dialogo, barre di avanzamento e cursori.

istruzione

1 Aggiungere un riferimento alla libreria jQuery UI utilizzando il CDN (Content Delivery Network) di vostra scelta. Includere un riferimento al CDN nella parte superiore della pagina:

'<Script al nome del div che eventualmente contiene il cursore.

3 Aggiungere il seguente codice al codice JavaScript, non importa dove si trova:

'$ (Function () {

$( "#slider" ).slider();

}); '

4 Creazione di un div HTML nel punto del documento HTML che deve includere il dispositivo di scorrimento:

'<Div class = "sampleDiv">

<Div id = "slider"> </ div>

</ Div> '

5 Impostare i valori massimi e minimi per il vostro cursore nel codice JavaScript. Modificare i valori 0 (minimo) e 100 (massimo) nel codice di sotto dei valori che meglio si adattano al tuo scopo.

'$ ( ".sampleDiv") .slider ( "Opzione", "min", 0);'

'$ ( ".sampleDiv") .slider ( "Opzione", "max", 100);'