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

Boundary and range description of between in mysql

mysql between boundary range The range of between...

Solution to high CPU usage of Tomcat process

Table of contents Case Context switching overhead...

JavaScript function call classic example code

Table of contents JavaScript function call classi...

How to install Nginx in CentOS7 and configure automatic startup

1. Download the installation package from the off...

Win10 + Ubuntu 16.04 dual system perfect installation tutorial [detailed]

Be sure to remember to back up your data, it is p...

Three ways to create a gray effect on website images

I’ve always preferred grayscale images because I t...

Example of creating circular scrolling progress bar animation using CSS3

theme Today I will teach you how to create a circ...

Detailed steps for installing MinIO on Docker

Table of contents 1. Check whether the docker env...

Solution for FileZilla 425 Unable to connect to FTP (Alibaba Cloud Server)

Alibaba Cloud Server cannot connect to FTP FileZi...

Use of SerialPort module in Node.js

Table of contents Purpose Module Installation Bas...

Linux View File System Type Example Method

How to check the file system type of a partition ...