Nwlapcug.com


Come fare uno scivolo giù Toggle con JQuery

JQuery alimenta gli effetti visivi dietro eleganti siti Web. JQuery è un Web basato su JavaScript, linguaggio di programmazione che può essere utilizzato per eseguire slick visual menu. Con jQuery, è possibile creare un menu che scivola verso il basso in modo dinamico come l'utente si sposta in tutto il sito. La scorrevole jQuery application programming interface, o API, è semplice da usare.

Istruzioni

1

Aprire un'applicazione, ad esempio Microsoft Notepad del testo e creare un nuovo documento HTML utilizzando le seguenti righe di codice:

<! DOCTYPE HTML >

< html >

< head >

2

Aggiungere un titolo e definire il foglio di stile CSS per il menu aggiungendo righe di codice che seguono questo esempio:

< title > jQuery SlideDown() con Middle-Positioned elementi < / title >

< style type = "text/css" >

#container {

bottom: 0px ;

display: none ;

left: 10px ;

position: fixed ;

width: 90% ;

}

< / stile >

3

Aggiungere la navigazione basata su jQuery chiamando una funzione Javascript che fa riferimento alla libreria di jQuery:

< script type = "text/javascript");

4

Includere il commutatore scorrevole con il codice riportato di seguito e prevenire un evento predefinito, che consente di visualizzare il menu senza effetti:

$("a") clicca (

Function (event) {

preventDefault;

5

Consentire agli utenti di attivare o disattivare il menu scorrevole basato sulla strada che è visibile:

Se (container.is (": visibile")) {

container.slideUp (2000);

6

Completare l'argomento di visualizzazione dal menu jQuery fornendo l'alternativa quando non sono soddisfatte le condizioni in questo tutorial. Modificare e inserire questo codice:

} else {

container.slideDown (2000);

}

}

);

});

< / script >

< / head >