Floating menu, can achieve up and down scrolling effect

The code can be further streamlined, but due to time constraints, I'll post it here first so you can optimize it and add some menu items yourself.

<html>
<head>
<title>Floating Menu</title>
<style>
BODY {
FONT-SIZE: 9pt; COLOR: #333333
}
DIV {
FONT-SIZE: 9pt; COLOR: #333333
}
TD {
FONT-SIZE: 9pt; COLOR: #333333
}
A:link {
FONT-SIZE: 9pt; COLOR: #3366cc; LINE-HEIGHT: 13pt; TEXT-DECORATION: none
}
A: visited
FONT-SIZE: 9pt; COLOR: #3366cc; TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
COLOR: #0000ff; TEXT-DECORATION: none
}
</style>
<SCRIPT>var sRepeat=null;function doScrollerIE(dir, src, amount) { if (amount==null) {amount=10} if (dir=="up") {document.all[src].scrollTop-=amount} else {document.all[src].scrollTop+=amount} if (sRepeat==null) {sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)} return false}window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");window.document.ondragstart = new Function("return false");function msover(){{event.srcElement.style.color="000099";event.srcElement.style.backgroundColor="99ccff";event.srcElement.style.cursor = "hand";}}function msout(){{event.srcElement.style.color="";event.srcElement.style.backgroundColor="";event.srcElement.style.cursor = "auto";}}function markover(){{event.srcElement.style.color="990000";event.srcElement.style.cursor = "hand";}}function markout(){{event.srcElement.style.color="000000";event.srcElement.style.cursor = "auto";}}function toggle( targetId ){{target = document.all( targetId );if (target.style.display == "none"){target.style.display = "";} else {target.style.display = "none";}}}</SCRIPT>
</head>
<body>
<table border=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>Scroll down</A></TD></TR>
<TR><TD BGCOLOR=99ccff><DIV ID=s1 CLASS=sc1 STYLE="width: 121; height: 125; overflow: hidden; background: #99ccff;">
<A CLASS=scr HREF="">Arabian Nights</A><BR>
<A CLASS=scr HREF="">Dream of Red Mansions</A><BR>
<A CLASS=scr HREF="">Water Margin</A><BR>
<A CLASS=scr HREF="">Midsummer Night</A><BR>
<A CLASS=scr HREF="">Chat Room ver2.3</A><BR>
<A CLASS=scr HREF="">River Beach</A><BR>
<A CLASS=scr HREF="">Trouble</A><BR>
<A CLASS=scr HREF="">New China</A><BR>
<A CLASS=scr HREF="">In big trouble</A><BR>
<A CLASS=scr HREF="">Jingdong Garden</A><BR>
<A CLASS=scr HREF="">Heaven</A><BR>
<A CLASS=scr HREF="">HTML5</A><BR>
<A CLASS=scr HREF="">Bright Moon and Starry Sky</A><BR>
<A CLASS=scr HREF="">Liquor Brand</A><BR>
<A CLASS=scr HREF="">Chinese Martial Arts</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>Scroll up</A></TD></TR> </table>
</body>
</html>

<<: Detailed explanation of HTML's <input> tag and how to disable it

>>: Tutorial on how to quickly deploy clickhouse using docker-compose

MySQL foreign key (FOREIGN KEY) usage case detailed explanation

Floating menu, can achieve up and down scrolling effect

MySQL foreign key (FOREIGN KEY) usage case detailed explanation

The difference between the name and id of the a tag's target pointing to the iframe

Solve the abnormal error when building vue environment with webpack

How to use localStorage in JavaScript

Detailed explanation of the process of Zabbix active, passive and web monitoring in distributed monitoring system

Vue realizes screen adaptation of large screen pages

MySQL 8.0.11 MacOS 10.13 installation and configuration method graphic tutorial

Detailed explanation of the seven data types in JavaScript

Mysql master/slave database synchronization configuration and common errors

Practical example of nested routes in vue.js Router

Recommend

Detailed tutorial on installing mysql 8.0.13 (rpm) on Centos7

How to regularly clean up docker private server images

How to set the user root password and remote connection method for Alibaba Cloud ECS instance

Example code for converting Mysql query result set into JSON data

How to use the concat function in mysql

MySQL 8.0.2 offline installation and configuration method graphic tutorial

How to deal with the problem that the file is deleted but the space is not released in Linux

Detailed tutorial on installing MySQL 5.7.19 decompressed version on Windows Server 2016

Issues with locking in MySQL

An example of elegantly writing status labels in Vue background

An example of how to query data in MySQL and update it to another table based on conditions

Implementing carousel with native JavaScript

Detailed explanation of the use of Vue.js draggable text box component

A brief discussion on the magical slash in nginx reverse proxy

Detailed explanation of prototypes and prototype chains in JavaScript