HTML マウス CSS コントロール

HTML マウス CSS コントロール
一般的に、マウスは上向きの斜め矢印として表示され、テキストの上に移動すると垂直線になり、ハイパーリンクの上に移動すると手の形になります。ただし、CSS を使用すると、マウスを通常のテキストの上を移動したときにマウスを手の形として表示するなど、マウスの表示効果を制御することができます。
CSS で制御するための構文は次のとおりです。
<span style="cursor:*">テキストまたはその他のページ要素</span>
* を次の 15 個の効果のいずれかに置き換えます。
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize、auto。

以下に15のそれぞれの効果について説明します。説明の上にマウスを移動して、マウスに何が起こるか見てみましょう。
手は手の形です
クロスヘアは十字形です
テキストはテキストに移動する効果です
待つことは待つことの効果である
デフォルトはデフォルトの効果です
ヘルプは疑問符です
eサイズは右向きの矢印です
ne-resizeは右上を指す矢印です
n-resizeは上向き矢印です
nw-resizeは左上を指す矢印です
w-resizeは左矢印です
sw-resizeは左下の矢印です
s-resizeは下向き矢印です
se-resizeは右下向きの矢印です
自動はシステムが自動的に効果を与える

<<:  MySQL で B+ ツリー インデックスを使用する利点は何ですか?

>>:  WeChatミニプログラムでトークンの有効期限を処理する方法

推薦する

HTMLフォーム要素の包括的な理解

以下のように表示されます。 XML/HTML コードコンテンツをクリップボードにコピー<!DO...

JavaScript BOM ロケーション オブジェクト + ナビゲーター オブジェクト + 履歴オブジェクト

目次1. 場所オブジェクト1. URL 2. 場所オブジェクトのプロパティ3. ロケーションオブジェ...

vue+node+socket ioは複数人のインタラクションを実現し、プロセス全体を解放します

1. 背景1. フロントエンドはvue + vuex + socket.io-clientを使用しま...

Docker プルタイムアウトの解決策

最近、Docker イメージのプルが非常に不安定です。遅く、タイムアウトすることがよくあります。 x...

HTML にオーディオファイルを挿入してブラウザで再生する場合の互換性の問題

HTML にオーディオ ファイルを挿入した後 (mp3 ファイルを再生した後) に発生したいくつかの...

シンプルなログインページを実装するための HTML+jQuery

目次導入公開コード(バックエンドインターフェース)例 1: 最もシンプル (純粋な HTML)コード...

単一テーブルのMySQLバックアップとリストアに関する簡単な説明

A. MySQLバックアップツールxtrabackupのインストール1. Percona 公式 xt...

JavaScriptカルーセルの実装について

今日もとても実践的な事例です。名前を聞くだけで高度で難しそうですよね?今日はカルーセル画像の真髄を簡...

LinuxにKafkaをインストールする

目次1.1 前提条件としてのJava環境1.2 Zookeeperのインストールと設定1.3 Kaf...

Vue3+TypeScriptはaxiosをカプセル化し、リクエスト呼び出しを実装します

まさか、2021年になってもTypeScriptについて聞いたことがない人がいるなんて?プロジェクト...

ネイティブ JavaScript を使用して計算機のサンプル コードを開発する

計算機の主な機能は数値計算を実行することです。計算機機能の Web インスタンスを開発すると、js ...

Linux カーネル デバイス ドライバー カーネル デバッグ テクニカル ノート集

/****************** * カーネルデバッグ技術 ****************...

IE における条件付きコメントの利点と欠点

IE の条件付きコメントは、通常の (X)HTML コメントに対する Microsoft 独自の (...

VMware 仮想マシンに固定 IP アドレスを設定する方法 (グラフィック チュートリアル)

1. メニューバーで「編集」→「仮想ネットワーク エディター」を選択して仮想ネットワーク エディタ...