Hvordan lage en lysbilde Down Toggle med jQuery
JQuery makter de visuelle effektene bak stilige nettsteder. JQuery er en Javascript-baserte Web programmeringsspråk som kan brukes til å utføre stilige visuelle menyer. Med jQuery, kan du lage en meny som glir ned dynamisk som brukeren navigerer gjennom nettstedet. Den glidende jQuery application programming interface, eller API, er enkel å bruke.
Bruksanvisning
1 Åpne et tekstbehandlingsprogram som Microsoft Notepad og lage en ny HTML-dokument ved hjelp av følgende linjer med kode:
<! DOCTYPE HTML>
<Html>
<Head>
2 Legg til en tittel og definere gripende stilark for menyen ved å legge linjer med kode som følger dette eksempelet:
<Title> jQuery SlideDown () med Midt-Posisjonert Elementer </ title>
<Style type = "text / css">
#container {
bottom: 0px;
display: none;
venstre: 10px;
stilling: fast;
width: 90%;
}
</ Style>
3 Legg til jQuery-basert navigasjon ved å kalle en Javascript-funksjon som refererer til jQuery biblioteket:
<Script type = "text / javascript");
4 Inkluder skyve vippe med følgende kode og hindre en standard arrangementet, som vil vise menyen uten effekter:
$ ( "A") .Klikk (
funksjon (hendelse) {
event.preventDefault ();
5 Tillat brukere å bytte glide meny basert på måten den er synlig:
if (container.is ( ": synlige")) {
container.slideUp (2000);
6 Fullfør jQuery menyvisningen argument ved å tilby et alternativ når vilkårene i denne opplæringen ikke er oppfylt. Endre og plassere denne koden:
} Else {
container.slideDown (2000);
}
}
);
});
</ Script>
</ Head>