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

Implementation of nginx flow control and access control

nginx traffic control Rate-limiting is a very use...

There are text and pictures in the a tag. How to hide the text and only show the picture?

Often you will encounter a style of <a> tag...

JavaScript form validation example

HTML forms are commonly used to collect user info...

Implementation of LNMP for separate deployment of Docker containers

1. Environmental Preparation The IP address of ea...

CocosCreator general framework design resource management

Table of contents Problems with resource manageme...

jQuery implements employee management registration page

This article example shares the specific code of ...

Vue implements the full selection function

This article example shares the specific code of ...

Centos7 configuration fastdfs and nginx distributed file storage system implementation process analysis

1. Install libfastcommon-1.0.43. The installation...

Special effects of Bootstrap 3.0 study notes (display and hide, eliminate floating, close button, etc.)

The main contents of this article are as follows:...

A brief discussion on several advantages of Vue3

Table of contents 1. Source code 1.1 Monorepo 1.2...

Detailed explanation of the two modes of Router routing in Vue: hash and history

hash mode (default) Working principle: Monitor th...

Solution to the problem that Vue binding objects and array variables cannot be rendered after changing

Project scenario: There is a <ul> tag on th...

Solution to index failure caused by MySQL implicit type conversion

Table of contents question Reproduction Implicit ...

How to use Element in React project

This is my first time using the element framework...

Causes and solutions for MySQL too many connections error

Table of contents Brief summary At noon today, th...