Javascript implementiert einfache Navigationsleiste
|
In diesem Artikel wird der spezifische Code von Javascript zur Implementierung einer einfachen Navigationsleiste zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<meta http-equiv="X-UA-kompatibel" content="ie=edge">
<title>Navigation</title>
</Kopf>
<Stil>
Taste{
Breite: 80px;
Höhe: 25px;
Rand: keiner;
}
#b1{
Hintergrundbild: URL('1.png');
Rand rechts: 0px;
}
#b2{
Hintergrundbild: URL('1.png');
Breite: 380px;
Höhe: 25px;
Textausrichtung: links;
}
#b1:hover{
Hintergrundbild: URL('2.png');
}
#b2:hover{
Hintergrundbild: URL('2.png');
}
</Stil>
<Text>
<div Stil="Breite: 800px;Rand:0px auto">
<div>
<img src="1.jpg" width="100%" height="150px%">
</div>
<div>
<div Stil="Schriftgröße: 1px">
<button type="button" id="b1">Startseite</button>
<button type="button" id="b1">Website-Neuigkeiten</button>
<button type="button" id="b1">Website-Spaß</button>
<button type="button" id="b1">Website-Forum</button>
<button type="button" id="b1">Website-Einführung</button>
<button type="button" id="b2">Talente rekrutieren</button>
</div>
</div>
</div>
</body>
</html>Effektbild:
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Mysql Workbench - Abfragemethode für MySQL-Datenbanken
>>: Das KTL-Tool realisiert die Methode zum Synchronisieren von Daten von MySQL zu MySQL
Artikel empfehlen
MySQL-langsame Abfrage pt-query-digest Analyse des langsamen Abfrageprotokolls
1. Einleitung pt-query-digest ist ein Tool zum An...
Detaillierte Erläuterung der Leistungsoptimierung des Web-Frontends: Zusammenführung und Komprimierung von Ressourcen
Ressourcenzusammenführung und -komprimierung für ...
MySQL-Ansichtsprinzipien und grundlegende Bedienungsbeispiele
Dieser Artikel veranschaulicht anhand von Beispie...
Benutzerdefinierte Tabbar-Komponente für das WeChat-Applet
In diesem Artikel wird der spezifische Code der b...
CSS3-Zeitleistenanimation
Ergebnisse erzielen html <h2>CSS3-Zeitleist...
Zabbix implementiert die Überwachung mehrerer MySQL-Prozesse
Auf einem Server werden drei MySQL-Instanzprozess...
HTML-Tutorial: Titelattribut und Alt-Attribut
XHTML ist die Grundlage des CSS-Layouts. jb51.net...
Docker erstellt Schritte zur Implementierung von Kubectl-Images
Wenn der Programmdienst mit k8s bereitgestellt wi...
Ein kurzer Vortrag über Rx-responsive Programmierung
Inhaltsverzeichnis 1. Beobachtbar 2. Funktionen h...
So behalten Sie den Inhalt im Container, wenn das Flex-Layout durch untergeordnete Elemente gestreckt wird
Auf Mobilgeräten ist das Flex-Layout sehr nützlic...
Eine Sammlung von Informationen zu Formularen und Formularübermittlungsvorgängen in HTML
Hier stellen wir das Wissen über Formularelemente...
Installieren Sie OpenSSH unter Windows und melden Sie sich beim Linux-Server an, indem Sie einen SSH-Schlüssel generieren.
Der vollständige Name von SSH ist Secure SHell. D...
Verbesserung der Erfahrung und gemeinsame Nutzung des interaktiven Designs von 163 Mailbox-Anmeldefeldern
Ich habe im LOFTER-Wettbewerb gesehen, dass erwähn...
Detaillierte Erklärung der dynamischen Linkbibliothek, die die C/C++-Methode in Python in Ubuntu aufruft
Boost installieren Es gibt viele Möglichkeiten, C...
Javascript-Bereich und Abschlussdetails
Inhaltsverzeichnis 1. Geltungsbereich 2. Geltungs...