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

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

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

<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>

<<:  docker-compose を使用して Clickhouse をすばやくデプロイする方法のチュートリアル

>>:  CSS 水平方向の中央揃えと最大幅の制限

推薦する

下線を実現するための CSS3 トランジションの例コード

この記事では、下線を実現するための CSS3 トランジションのサンプル コードを紹介します。このコー...

dns-prefetch とは何ですか? フロントエンドの最適化: DNS の事前解決によりページ速度が向上します

目次背景1. dns-prefetch とは何ですか? 2. dns-prefetch を設定するに...

Vueの学習手順

目次1. v-text (v-instruction name = "variable&q...

UniappはBaidu Voiceを使用して録音をテキストに変換する機能を実現

3日間さまざまな困難に遭遇した後、ようやくこの機能を実現しました。正常に実装できる方法を見つける前に...

Ubuntu 18.04 でソースコードから Odoo14 をインストールするチュートリアル

目次このシリーズの背景概要PostgreSQL データベースの準備ソースからインストール仮想環境の作...

MySQLクエリ最適化プロセスを理解する

目次パーサーとプリプロセッサクエリオプティマイザーMySQL クエリの最適化には、解析、前処理、最適...

HTML入力ファイルコントロールはアップロードされるファイルの種類を制限します

入力ファイルの HTML コントロールを Web ページに追加します。 <input id=&...

React 構成 px 変換 rem メソッド

関連する依存関係をインストールするnpm i lib-flexible --save npm i p...

MySQL トランザクションと分離レベルの基本原理の簡単な分析

目次序文1. 取引の基本原則の簡単な分析原子性:持続性分離:一貫性: 2. 分離レベルの基本原理の分...

Linux での SSH 非秘密通信の実装

SSHとは何か管理者はリモートでログインして、インターネット経由で接続されたさまざまな場所にある複数...

MySQLのネクストキーロックのロック範囲についての簡単な説明

序文ある日、突然 MySQL の次のキー ロックについて尋ねられ、私の即座の反応は次のようなものでし...

XMLとCSSスタイルの組み合わせ

学生.xml <?xml バージョン="1.0" エンコーディング=&qu...

JavaScript のクロージャの問題の詳細な説明

クロージャは、純粋関数型プログラミング言語の伝統的な機能の 1 つです。クロージャをコア言語構造の不...

Vue プロジェクトのパッケージ化、マージ、圧縮により、Web ページの応答速度を最適化します。

目次序文1. リクエスト内容が大きすぎる解決: CDN の紹介リクエストリソースを圧縮する1. HT...

Linux 上の Vim で色とテーマを変更する方法

Vim は Linux でよく使用されるテキスト エディターです。 Vim は、Sublime や ...