Floating menu, can achieve up and down scrolling effect

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

Recommend

Detailed explanation of JavaScript object-oriented practice: encapsulation and dragging objects

Table of contents Overview 1. How to animate a DO...

A brief discussion on the pitfalls and solutions of the new features of MySQL 8.0 (summary)

1. Create users and authorize Creating users and ...

Web page creation basic declaration document type description (DTD

Using CSS layout to create web pages that comply w...

8 examples of using killall command to terminate processes in Linux

The Linux command line provides many commands to ...

Detailed explanation of VUE responsiveness principle

Table of contents 1. Responsive principle foundat...

Detailed explanation of the pitfalls of mixing npm and cnpm

Table of contents cause reason Introduction to NP...

The difference between MySQL user management and PostgreSQL user management

1. MySQL User Management [Example 1.1] Log in to ...

Implementation of Vue large file upload and breakpoint resumable upload

Table of contents 2 solutions for file upload Bas...

Get / delete method to pass array parameters in Vue

When the front-end and back-end interact, sometim...

MySQL 5.7.29 + Win64 decompression version installation tutorial with pictures and text

Download the official website Choose the version ...

How to set process.env.NODE_ENV production environment mode

Before I start, let me emphasize that process.env...

In-depth analysis of the Linux kernel macro container_of

1. As mentioned above I saw this macro when I was...

Detailed explanation of Bootstrap grid vertical and horizontal alignment

Table of contents 1. Bootstrap Grid Layout 2. Ver...

User experience of portal website redesign

<br />From the launch of NetEase's new h...

Solution to ElementUI's this.$notify.close() call not working

Table of contents Requirement Description Problem...