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ミニプログラムでトークンの有効期限を処理する方法

推薦する

WeChatアプレットが弾丸画面を送信するビデオプレーヤーを実装

この記事では、WeChatアプレットでビデオプレーヤーの集中砲火を実装するための具体的なコードを参考...

MySQL可視化ツールNavicatへの接続方法

Navicatをインストールした後次のエラーが発生する場合があります: Client does no...

Mac M1 での Nginx のマルチサイト構成の実装

注: nginxはbrew経由でインストールされますウェブサイトのルートディレクトリ: /opt/h...

href をクリックした後にページがジャンプしないようにするための空のリンクの正しい書き方 # 問題

リンクを使用する必要がある場合もありますが、リンクする必要はありません。onclick イベントを処...

mysqlは複数の主キーを設定する操作を実装します

ユーザーテーブル、ID番号は一意である必要があります、携帯電話番号、電子メールアドレスは一意である必...

JavaScript でタブバーの切り替え効果を実装する

フロントエンド開発者が必ず知っておくべきケースとして、タブバーの切り替え効果があります。タブバー自体...

js データ型とその判定方法の例

js データ型基本データ型: 数値、文字列、ブール値、未定義、null、シンボル、参照データ型: オ...

Dockerイメージをプライベートリポジトリにアップロードする方法の例

イメージは、GitHub と同様に Docker パブリック リポジトリに直接簡単にプッシュできます...

MySQL スケジュール バックアップ ソリューション (Linux crontab を使用)

序文この世の愛には値段のつくものもありますが、データには値段のつけられないものがあります。将来、誤っ...

crontab スケジュールされたタスクが実行されない理由の分析と解決

序文Linux のスケジュールされたタスクを実装する方法としては、cron、anacron、at な...

Ubuntu 16.04/18.04 に Pycharm と Ipython をインストールするチュートリアル

Ubuntu 18.04の場合1. sudo apt install python 。コマンドライン...

Angular構造ディレクティブモジュールとスタイルの詳細な説明

目次1. 構造指示モジュールforRoot()を書く3. スタイルの定義ドラッグ時の順序を調整するに...

VMware Workstation のダウンロードとインストールの詳細なチュートリアル

仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...

Linuxはシェルスクリプトを使用して履歴ログファイルを定期的に削除します

1. ツールディレクトリのファイル構造 [root@www tools]# ツリーツール/ ツール/...

アニメーション効果のようなVueトランジションの例

目次結果を一目で見るハート効果デジタルスクロールアニメーションアニメーションのように結果を一目で見る...