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

Installations- und Verwendungsschritte für Docker Compose

Inhaltsverzeichnis 1. Was ist Docker Compose? 2. ...

Lösen Sie das Problem des Startfehlers von PHPStudy MySQL unter Windows

Einen Fehler melden Der Apache\Nginx-Dienst wurde...

Eine kurze Diskussion über die Verwendung der Web Storage API

Inhaltsverzeichnis 1. Lokale Speichertechnologie ...

Die 13 am häufigsten in Interviews gestellten Fragen zu Vue-Modifikatoren

Inhaltsverzeichnis 1. faul 2.trimmen 3.Nummer 4.H...

So paginieren Sie schnell MySQL-Datenmengen im zweistelligen Millionenbereich

Vorwort Um bei der Backend-Entwicklung zu verhind...

CSS-Spezifikation BEM CSS und OOCSS Beispielcode detaillierte Erklärung

Vorwort Aufgrund der unterschiedlichen Codiergewo...

Lösung für das Problem der MySQL-Transaktionsparallelität

Ich bin während der Entwicklung auf ein solches P...

Installieren Sie CentOS 7 auf VMware14 – Grafik-Tutorial

Einführung in CentOS CentOS ist eine Linux-Distri...

Reines CSS zum Implementieren der Funktion zum Öffnen und Schließen von Auswahlfeldern im iOS-Stil

1 Wirkung Demo-Adresse: https://www.albertyy.com/...

Eine kurze Einführung in das bionische Design im Internet-Webdesign

Beim Stichwort Bionik-Design denken viele an die E...

JavaScript-Dom-Objektoperationen

Inhaltsverzeichnis 1. Kern 1. Holen Sie sich den ...

Unterschiede zwischen FLOW CHART und UI FLOW

Viele Konzepte im UI-Design mögen in der Formulie...

Eine kurze Diskussion über die Anpassung mobiler Endgeräte

Vorwort Beim Schreiben von Front-End-Code kommt m...

CSS: besuchte geheime Erinnerungen des Pseudoklassenselektors

Gestern wollte ich a:visited verwenden, um die Fa...

So fügen Sie eindeutige Indizes für Felder in MySQL hinzu und löschen sie

1. PRIMARY KEY hinzufügen (Primärschlüsselindex) ...