Schwebendes Menü, kann einen Bildlaufeffekt nach oben und unten erzielen

Schwebendes Menü, kann einen Bildlaufeffekt nach oben und unten erzielen

Der Code kann noch weiter optimiert werden. Aus Zeitgründen werde ich ihn jedoch zunächst hier veröffentlichen, damit Sie ihn optimieren und selbst einige Menüelemente hinzufügen können.

<html>
<Kopf>
<title>Schwebendes Menü</title>
<Stil>
KÖRPER {
Schriftgröße: 9pt; Farbe: #333333
}
DIV {
Schriftgröße: 9pt; Farbe: #333333
}
TD {
Schriftgröße: 9pt; Farbe: #333333
}
Ein: Link {
SCHRIFTGRÖSSE: 9pt; FARBE: #3366cc; ZEILENHÖHE: 13pt; TEXTDEKORATION: keine
}
A: besucht
SCHRIFTGRÖSSE: 9pt; FARBE: #3366cc; TEXTDEKORATION: keine
}
A:aktiv {
Schriftgröße: 9pt; Textdekoration: keine
}
A:schweben {
FARBE: #0000ff; TEXT-DEKORATION: keine
}
</Stil>
<Script> var srepeat = null; Funktion doscrollerie (Dir, src, Menge) {if (poly == null) {pension = 10} if (dir == "up") {document.all [src] .scrolltop- Ollerie ('" + Dir +"', '" + Src +"', " + Menge +") ", 100)} return false} Fenster 0099 "; Event.srcelement ;}} function markover () {{Event.srcelement.style.color = "990000"; Event.srcelement ) oder
</Kopf>
<Text>
<Tabellenrand=0>
<TR><TD onMouseOver="this.style.backgroundColor = '990000';" onMouseOut="this.style.backgroundColor = '000099';" align=right BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('up','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>Nach unten scrollen</A></TD></TR>
<TR><TD BGCOLOR=99ccff><DIV ID=s1 CLASS=sc1 STYLE="Breite: 121; Höhe: 125; Überlauf: ausgeblendet; Hintergrund: #99ccff;">
<A CLASS=scr HREF="">Tausendundeine Nacht</A><BR>
<A CLASS=scr HREF="">Der Traum der Roten Kammer</A><BR>
<A CLASS=scr HREF="">Wasserrand</A><BR>
<A CLASS=scr HREF="">Mittsommernacht</A><BR>
<A CLASS=scr HREF="">Chatroom Version 2.3</A><BR>
<A CLASS=scr HREF="">Flussstrand</A><BR>
<A CLASS=scr HREF="">Problem</A><BR>
<A CLASS=scr HREF="">Neues China</A><BR>
<A CLASS=scr HREF="">In großen Schwierigkeiten</A><BR>
<A CLASS=scr HREF="">Jingdong-Garten</A><BR>
<A CLASS=scr HREF="">Himmel</A><BR>
<A CLASS=scr HREF="">HTML5</A><BR>
<A CLASS=scr HREF="">Heller Mond und Sternenhimmel</A><BR>
<A CLASS=scr HREF="">Spirituosenmarke</A><BR>
<A CLASS=scr HREF="">Chinesische Kampfkünste</A><BR>
</DIV></TD></TR>
<TR><TD align=right onMouseOver="this.style.backgroundColor = '990000';" onMouseOut="this.style.backgroundColor = '000099';" BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('down','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>Nach oben scrollen</A></TD></TR> </table>
</body>
</html>

<<:  Tutorial zum schnellen Bereitstellen von Clickhouse mit Docker-Compose

>>:  JavaScript implementiert eine bidirektionale verknüpfte Listenprozessanalyse

Artikel empfehlen

js realisiert horizontale und vertikale Slider

Als ich kürzlich an einem Übungsprojekt arbeitete...

Detaillierte Erklärung der 14 gängigen HTTP-Statuscodes, die vom Server zurückgegeben werden

HTTP-Statuscodes Der Statuscode besteht aus 3 Zif...

Reines CSS, um bei der Textbeschreibung einen halbtransparenten Effekt zu erzielen, wenn die Maus darauf platziert wird (unbedingt für Anfänger lesen)

Die Wirkung ist wie folgt: Beispiel 1 Beispiel 2:...

So verwenden Sie den Fuser-Befehl im Linux-System

Was ist Fuser Command? Der Befehl fuser ist ein s...

Syntax und Beispielanalyse der JavaScript-Array-Methode „reduce()“

Vorwort Die Methode „reduce()“ erhält eine Funkti...

Nach dem Absenden des Formulars zu einer anderen Datei wechseln

<br />Frage: Wie schreibe ich in HTML, um zu...

Beispielcode für die Verwendung von CSS cross-fade() zum Erzielen eines halbtransparenten Hintergrundbildeffekts

1. Anforderungsbeschreibung Bei einem bestimmten ...

MySQL PXC erstellt einen neuen Knoten mit ausschließlich IST-Übertragung (empfohlen)

Anforderungsszenario: Die vorhandene PXC-Umgebung...

Detaillierte Erklärung, wie NGINX PV, UV und unabhängige IP der Website zählt

Nginx: PV, UV, unabhängige IP Jeder, der Websites...

Detaillierte Erklärung zur Verwendung von css-vars-ponyfill in der IE-Umgebung (nextjs-Build)

CSS-Vars-Ponyfill Bei der Verwendung von CSS-Vari...

Docker verpackt das lokale Image und stellt es auf anderen Maschinen wieder her

1. Verwenden Sie Docker-Images, um alle Image-Dat...

Zusammenfassung der 10 am häufigsten gestellten Fragen in Linux-Interviews

Vorwort Wenn Sie sich auf die Stelle eines Betrie...

So erstellen Sie einen MySQL-Cluster mit hoher Verfügbarkeit und Leistung

Inhaltsverzeichnis Was ist MySQL NDB Cluster? Vor...

Perfekte Lösung für das Problem, dass Daten abgeschnitten werden, wenn die Funktion „group concat“ in Mysql5.7 verwendet wird

Vorgestern stieß ich in der Produktionsumgebung a...

Grafisches Tutorial zur Installation von MySQL 5.5 unter Win7

Die MySQL-Installation ist relativ einfach. Norma...