Wie man eine Folie unten Toggle mit JQuery
JQuery Befugnisse die visuellen Effekte hinter stilvolle Websites. JQuery ist ein JavaScript-basiertes Web-Programmiersprache, die auszuführenden glatte visuelle Menüs verwendet werden kann. Mit jQuery können Sie ein Menü erstellen, die dynamisch nach unten gleitet, wie der Benutzer durch die Website navigiert. Die gleitende jQuery-Programmierschnittstelle oder API, ist einfach zu bedienen.
Anweisungen
1 Öffnen Sie eine Anwendung wie Microsoft Notepad für die Textbearbeitung und erstellen ein neues HTML-Dokument mithilfe der folgenden Codezeilen:
<! DOCTYPE HTML >
< html >
< Head >
2 Hinzufügen eines Titels, und definieren Sie die cascading Stylesheets für das Menü von Codezeilen, die in diesem Beispiel zu folgen:
< Title > jQuery SlideDown() mit Middle-Positioned Elementen < / title >
< Typ style = "Text/Css" >
#container {
bottom: 0px ;
display: none ;
left: 10px ;
position: fixed ;
width: 90% ;
}
< / style >
3 Fügen Sie die jQuery-basierte Navigation durch den Aufruf einer Javascript-Funktion, die die jQuery-Bibliothek verweist:
< Skript-Typ = "Text/Javascript");
4 Enthalten den gleitenden Knebel durch den folgenden Code und zu verhindern, dass ein Standardereignis, das das Menü ohne Auswirkungen angezeigt wird:
$("a") ...klickt)
Funktion (Ereignis) {}
event.preventDefault();
5 Können Sie Benutzer wechseln das verschiebbare Menü basierend auf die Art und Weise sichtbar ist:
Wenn (container.is (": sichtbar")) {}
container.slideUp (2000);
6 Füllen Sie das jQuery Menü Display Argument, durch Bereitstellung der Alternative, wenn die Bedingungen in diesem Tutorial nicht erfüllt sind. Ändern Sie, und platzieren Sie diesen Code:
} else {}
container.slideDown (2000);
}
}
);
});
< / script >
< / head >