フローティングメニュー、上下スクロール効果を実現できます

コードはさらに合理化できますが、時間の制約があるため、まずはここで投稿して、自分で最適化してメニュー項目を追加できるようにします。

<html>
<ヘッド>
<title>フローティングメニュー</title>
<スタイル>
体 {
フォントサイズ: 9pt; 色: #333333
}
分割 {
フォントサイズ: 9pt; 色: #333333
}
TD {
フォントサイズ: 9pt; 色: #333333
}
A:リンク{
フォントサイズ: 9pt; 色: #3366cc; 行の高さ: 13pt; テキスト装飾: なし
}
A: 訪問した
フォントサイズ: 9pt; 色: #3366cc; テキスト装飾: なし
}
A:アクティブ{
フォントサイズ: 9pt; テキスト装飾: なし
}
A:ホバー{
色: #0000ff; テキスト装飾: なし
}
</スタイル>
<script> var srepeat = null; function doscrollerie（dir、src、lument）{if（ant == null）{amonied = 10} if（dir == "up"）{document.all [src] .all [src] erie（ '" + dir +"'、 '" + src +"'、 " + lument +"）、100）} windocument.onmouseout = new function（clearinterval（srepeat）; srepeat = null "）; window.document.ondragstart = new function（unter false"）; "; event.srcelement.style.backgroundcolor =" 99ccff "; event.srcelement.style.cursor =" hand ";}} function msout（）{{event.srcelement.style.color =" "; （）{{event.srcelement.style.color = "990000"; event.srcelement.style.cursor = "hand";}} function markout（）{{event.srcelement.style.color.color = "000000"; event.Style.Style.SursEL.Style.SursELE.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style.Style. artageId）; if（target.style.display == "none"）{target.style.display = "";} else {target.style.display = "none";}} </scrip>
</head>
<本文>
<表の境界線=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>下にスクロール</A></TD></TR>
<TR><TD BGCOLOR=99ccff><DIV ID=s1 CLASS=sc1 STYLE="幅: 121; 高さ: 125; オーバーフロー: 非表示; 背景: #99ccff;">
<A CLASS=scr HREF="">アラビアンナイト</A><BR>
<A CLASS=scr HREF="">紅楼夢</A><BR>
<A CLASS=scr HREF="">水滸伝</A><BR>
<A CLASS=scr HREF="">真夏の夜</A><BR>
<A CLASS=scr HREF="">チャットルーム ver2.3</A><BR>
<A CLASS=scr HREF="">リバービーチ</A><BR>
<A CLASS=scr HREF="">トラブル</A><BR>
<A CLASS=scr HREF="">新しい中国</A><BR>
<A CLASS=scr HREF="">大問題</A><BR>
<A CLASS=scr HREF="">景東庭園</A><BR>
<A CLASS=scr HREF="">天国</A><BR>
<A CLASS=scr HREF="">HTML5</A><BR>
<A CLASS=scr HREF="">明るい月と星空</A><BR>
<A CLASS=scr HREF="">酒類ブランド</A><BR>
<A CLASS=scr HREF="">中国武術</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>上にスクロール</A></TD></TR> </table>
</本文>
</html>