HTML css js implementiert Tab-Seite Beispielcode

Code kopieren

Der Code lautet wie folgt:

<html xmlns="">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gbk" />
<meta http-equiv="Inhaltssprache" content="zh-CN" />
<meta name="Wurzeln" content="" />
<meta name="Schlüsselwörter" content="" />
<meta name="Beschreibung" content="" />
<Titel></Titel>
<style type="text/css">
body{font:"Schriftgröße";font-size:12px;}
a:link,a:besucht{font-size:12px;color:#666;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}
#Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;}
.Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;}
.Menubox ul{list-style:none;margin:7px 40px;padding:0;position:absolute;}
.Menubox ul li{float:left;Hintergrund:#64B8E4;Zeilenhöhe:20px;Anzeige:Block;Cursor:Zeiger;Breite:65px;Textausrichtung:Mitte;Farbe:#fff;Schriftstärke:fett;Rahmen oben:1px durchgezogen #64B8E4;Rahmen links:1px durchgezogen #64B8E4;Rahmen rechts:1px durchgezogen #64B8E4;}
.Menubox ul li.hover{Hintergrund:#fff;Rahmen:1px durchgezogen #fff;Farbe:#147AB8;}
.Contentbox{clear:both;margin-top:0px;border-top:none;height:181px;padding-top:8px;height:100%;}
.Contentbox ul{list-style:none;margin:7px;padding:0;}
.Contentbox ul li{line-height:24px;border-bottom:1px gepunktet #ccc;}
</Stil>
<Skript>

</Skript>
</Kopf>
<Text>

<div id="Tab">
<div Klasse="Menübox">
<ul>
<li id="menu1" onmouseover="setTab('menu',1,2)" class="hover">Berufsbildende höhere Schulen</li>
<li id="menu2" onmouseover="setTab('menu',2,2)" >Privatschulen</li>
</ul>
</div>
<div Klasse="Inhaltsbox">
<div id="con_menu_1" class="hover">
<ul>
<li>·<a href="#">Beijing Industrie-, Berufs- und Technik-College</a></li>
<li>·<a href="#">Berufskolleg für Finanzen und Handel Peking</a></li>
<li>·<a href="#">Berufsuniversität Tianjin</a></li>
<li>·<a href="#">Berufs- und Fachhochschule Dalian</a></li>
<li>·<a href="#">Liaoning-Kommunikationshochschule</a></li>
<li>·<a href="#">Berufsfachschule für Finanzen Zhejiang</a></li>
<li>·<a href="#">Handels- und Berufsfachschule Shandong</a></li>
<li>·<a href="#">Berufs- und Fachhochschule Ningbo</a></li>
<li>·<a href="#">Berufs- und Fachhochschule Wuhan</a></li>
</ul>
</div>
<div id="con_menu_2" style="Anzeige:keine">
<ul>
<li>·<a href="#">Hochschule Jiangxi Lantian</a></li>
<li>·<a href="#">Universität für Internationale Studien Xi'an</a></li>
<li>·<a href="#">Hunan-Universität für internationale Wirtschaft und Ökonomie</a></li>
<li>·<a href="#">Xi'an Übersetzungsinstitut</a></li>
<li>·<a href="#">Sanjiang-Hochschule</a></li>
<li>·<a href="#">Universität Peking</a></li>
<li>·<a href="#">Huanghe Hochschule für Wissenschaft und Technologie</a></li>
<li>·<a href="#">Jilin Huaqiao Fremdsprachenhochschule</a></li>
<li>·<a href="#">Zhejiang-Shuren-Universität</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

<<: Eine kurze Erläuterung der MySQL-Benutzerberechtigungstabelle

>>: Serielle und parallele Operationen in JavaScript

Kurs zur Web-Frontend-Entwicklung Was sind die Web-Frontend-Entwicklungstools

Ein Beispiel für die Verwendung einer MySQL-Anweisung, um die Anzahl der von verschiedenen Ganzzahlen belegten Bytes sowie deren Maximal- und Minimalwerte herauszufinden

Artikel

Zusammenfassung von über 50 Hilfsfunktionen in JavaScript

Artikel

Vue3.0 Adaptiver Betrieb von Computern mit unterschiedlichen Auflösungen

Artikel

HTML css js implementiert Tab-Seite Beispielcode

Kurs zur Web-Frontend-Entwicklung Was sind die Web-Frontend-Entwicklungstools

Zusammenfassung von 10 erweiterten Tipps für Vue Router

Sammlung von 12 praktischen Web-Online-Tools

Implementierungsbeispiel für eine einfache Vue-Registrierungsseite + Funktion zum Senden eines Bestätigungscodes

Detaillierte Erklärung zur Verwendung von Element-Plus in Vue3

Detaillierte Erklärung zur Verwendung struktureller Pseudoklassenselektoren und Pseudoelementselektoren in CSS3

Ursachen und Lösungen für den MySQL-Fehler „zu viele Verbindungen“

Ein Beispiel für die Verwendung einer MySQL-Anweisung, um die Anzahl der von verschiedenen Ganzzahlen belegten Bytes sowie deren Maximal- und Minimalwerte herauszufinden

Zusammenfassung von über 50 Hilfsfunktionen in JavaScript

Vue3.0 Adaptiver Betrieb von Computern mit unterschiedlichen Auflösungen

Artikel empfehlen

VMware-Konfiguration von Hadoop zur Realisierung eines pseudoverteilten Grafik-Tutorials

Detaillierte Erklärung des JS-Browserspeichers

Einige Hinweise zur Installation eines Fastdfs-Images im Docker

MySQL-Startfehlerproblem und Szenarioanalyse

Grafisches Tutorial zu VMware Workstation Pro 16 zum Erstellen eines CentOS8-Clusters für virtuelle Maschinen

Was tun, wenn Sie Ihr MySQL-Passwort vergessen?

Detaillierte Erklärung der Lösung für das beim Start hängengebliebene Ubuntu-Dualsystem

Detaillierte Erklärung zum Erstellen gespeicherter Prozeduren und Funktionen in MySQL

Anweisungen zur Verwendung von JSON-Operationsfunktionen in Mysql5.7

js zur Realisierung der automatischen Sperrbildschirmfunktion

Detaillierte Erläuterung der allgemeinen Schritte zur SQL-Anweisungsoptimierung

SQL-Skriptfunktion zum Schreiben einer PostgreSQL-Datenbank zur Implementierung der Analyse

Tutorial zur HTML-Tabellenauszeichnung (15): Tabellentitel

So kapseln Sie Timerkomponenten in Vue3

Detaillierte Erläuterung zur Verwendung von grep zum Abrufen von MySQL-Fehlerprotokollinformationen