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

So verpacken Sie das Uniapp-Projekt als Desktop-Anwendung

Electron installieren cnpm installiere Electron -...

Tutorial zur Installation von Ubuntu 1804 in VMware Workstation 15 Pro (mit Bildern und Text)

Dieser Hinweis ist ein Installationstutorial. Er ...

Zusammenfassung der Änderungen bei der Verwendung von Axios in den Studiennotizen zu Vue3

Inhaltsverzeichnis 1. Grundlegende Verwendung von...

Mysql praktische Übungen einfaches Bibliotheksverwaltungssystem

Inhaltsverzeichnis 1. Sortierfunktion 2. Vorberei...

Detaillierte Erläuterung des Prozesses zur Bereitstellung von Tomcat und zur Erstellung des ersten Webprojekts in IDEA 2020.3.1

Inhaltsverzeichnis Tomcat-Einführung Tomcat-Berei...

Detailliertes Tutorial zur Installation und Verwendung von MySQL 8.0.15 unter Windows

In diesem Artikel finden Sie das ausführliche Ins...

Kopieren Sie den Inhalt einer Datei an das Ende einer anderen Datei in Linux

Problembeschreibung: Der Inhalt der Datei 11 laut...

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

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

Detaillierte Erklärung zur Verwendung von $props, $attrs und $listeners in Vue

Inhaltsverzeichnis Hintergrund 1. Dokumentbeschre...

Kurze Einführung und Verwendung von Table und div

Web-Frontend 1 Studierendenausweis Name Geschlech...

Analyse von Beispielen für die Verwendung von Anti-Shake und Throttling in Vue-Komponenten

Seien Sie vorsichtig, wenn Sie auf Ereignisse ach...

Beispiel für die Verwendung von Docker Swarm zum Erstellen eines verteilten Crawler-Clusters

Während des Crawler-Entwicklungsprozesses sind Si...

js verwendet Canvas, um mehrere Bilder in einem Implementierungscode zusammenzuführen

Lösung Funktion mergeImgs(Liste) { const imgDom =...

Detaillierte Erklärung der Lösung des Problems des Zusammenführens von Zeilen und Spalten in Tabellen in HTML

Da wir eine Website erstellen wollten, enthielt d...

Detaillierte Erklärung des Unterschieds zwischen der v-model-Direktive und dem .sync-Modifikator in Vue

Inhaltsverzeichnis V-Modell .sync Der Unterschied...