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.
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>