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

Beispiel für die Implementierung einer Ankerpositionierungsfunktion beim WeChat-Applet

HTML css js implementiert Tab-Seite Beispielcode

Beispiel für die Implementierung einer Ankerpositionierungsfunktion beim WeChat-Applet

15 Best Practices für HTML-Anfänger

Erläuterung des Prozesses des Docker-Packaging-Node-Projekts

Implementierung der Funktion zum Hinzufügen einer Besuchszählung im GitHub+Jekyll-Blog in einer Minute mit JS

js Addition, Subtraktion, Multiplikation und Division – Beispielcode für präzise Berechnungsmethoden

Der Unterschied zwischen schreibgeschützt und deaktiviert

Verlustfreie Erweiterungsmethode unter Linux

Tutorial zu HTML-Tabellen-Tags (3): Breiten- und Höhenattribute WIDTH, HEIGHT

So stellen Sie Confluence und Jira-Software in Docker bereit

Mehrere gängige Methoden für CSS-Layouts mit gleicher Höhe

Artikel empfehlen

Beispielcode zur Implementierung einer Upload-Komponente mit Vue3

Zusammenfassung häufig verwendeter SQL-Operationen in MySQL-Tabellen

Detaillierte Erklärung der HTML-Dokumenttypen

Detaillierte Erläuterung der Berechnungsmethode von Flex-Grow und Flex-Shrink im Flex-Layout

Detaillierte Erläuterung möglicher Probleme bei der Konvertierung von Gleitkommadaten in Zeichendaten in MySQL

javascript:void(0) Bedeutung und Anwendungsbeispiele

Implementierung des Nginx-Proxy-Ports 80 bis Port 443

So wenden Sie TypeScript-Klassen in Vue-Projekten an

Fehler mit ungerader Breite und Höhe in IE6

Häufige Verwendung von Hooks in React

CSS3 Flexible Box Flex, um ein dreispaltiges Layout zu erreichen

In IIS 7.5 unterstützt HTML die Include-Funktion wie SHTML (Modulzuordnung hinzufügen).

Lösung für Indexfehler in MySQL aufgrund unterschiedlicher Feldzeichensätze

setup+ref+reactive implementiert Vue3-Reaktionsfähigkeit

Detaillierte Erläuterung der Schritte zur Konfiguration des Centos7-Bridge-Netzwerks unter VMware