Come fare una presentazione Giù Toggle con jQuery

November 22

JQuery poteri Gli effetti visivi dietro siti web eleganti. JQuery è un linguaggio di programmazione web basato su JavaScript che può essere utilizzato per eseguire i menu visivi slick. Con jQuery, è possibile creare un menu che scivola verso il basso in modo dinamico mentre l'utente naviga in tutto il sito. Lo scorrimento Application Programming Interface jQuery, o API, è semplice da usare.

istruzione

1 Aprire un editor di testo, come Blocco note e creare un nuovo documento HTML utilizzando le seguenti righe di codice:

<! DOCTYPE HTML>

<Html>

<Head>

2 Aggiungi un titolo e definire il foglio di stile CSS per il menu con l'aggiunta di righe di codice che seguono questo esempio:

<Title> jQuery slideDown () con elementi Medio-Posizionata </ ​​title>

<Style type = "text / css">

#container {

bottom: 0px;

display: none;

sinistra: 10px;

position: fixed;

width: 90%;

}

</ Style>

3 Aggiungere la navigazione basata su jQuery chiamando una funzione JavaScript che fa riferimento la libreria jQuery:

<Script type = "text / javascript");

4 Includere l'interruttore a scorrimento con il seguente codice ed impedire un evento di default, che consente di visualizzare il menu senza effetti:

$ ( "A") .Cliccate (

function (evento) {

event.preventDefault ();

5 Consentire agli utenti di attivare o disattivare il menu scorrevole sulla base del modo in cui è visibile:

se (container.is ( ": visibili")) {

container.slideUp (2000);

6 Completa il menu argomento del display jQuery fornendo l'alternativa quando le condizioni in questa esercitazione non sono soddisfatte. Modificare e inserire questo codice:

} altro {

container.slideDown (2000);

}

}

);

});

</ Script>

</ Head>