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ミニプログラムでトークンの有効期限を処理する方法
推薦する
ドラッグ位置プレビューを実装するネイティブJS
この記事では、要素をドラッグするときにプレビューを追加する小さなデモを紹介します。効果は次のとおりで...
WeChat アプレットカスタムタブバーステップ記録
目次1. はじめに2. タブバーのスタイルをカスタマイズする3. カスタムタブバーと関連設定を導入す...
Web コンポーネントの内部イベント コールバックと問題点の分析
目次前面に書かれたWC とは何でしょうか?現在の欠陥1. コンポーネント内部イベントのコールバック2...
この記事はVueのライフサイクルを理解するのに役立ちます
目次1. beforeCreate & created 2. マウント前とマウント済み3. ...
Linuxでバージョン情報を表示する方法
Linux でバージョン情報を表示する方法。ビット数、バージョン情報、CPU コア情報、CPU 固有...
Linux システムで MySQL の文字セットを UTF8 に変更する手順
目次1. データベース内の MySQL ステータスを確認します。 2. 設定ファイルを変更します。 ...
Dockerイメージサイズを最適化する一般的な方法
通常、私たちが構築する Docker イメージはサイズが大きく、多くのディスク領域を占有します。コン...
JS でオブジェクトが空オブジェクトかどうかを判断する 5 つの方法
1. jsonオブジェクトをjson文字列に変換し、文字列が「{}」であるかどうかを判断します。 v...
MySQLマスタースレーブデータベース構築方法の詳細な説明
この記事では、MySQL マスター/スレーブ データベースの構築方法について説明します。ご参考までに...
Linux での MySQL 5.7.19 (tar.gz) インストール グラフィック チュートリアル
Linux で MySQL-5.7.19 バージョンをインストールするための最初のチュートリアル。す...
インラインブロックを使用した複数のdiv間の間隔はプログラミング方法とは異なります
inline-block について学習しているときに、境界線と inline-block を持つ複数...
私が良いと思うクールなデザインサイトをいくつかまとめてみました。
ウェブサイトをデザインするにはインスピレーションが必要です。良いインスピレーションを得るには、より多...
ネイティブ js でカスタム スクロール バーを実装する
この記事の例では、カスタムスクロールバーを実装するためのjsの具体的なコードを参考までに共有していま...
2018 年にリリースされる Apache Spark 2.4 の新機能は何ですか?
この記事は、2018 年 9 月 19 日に Adobe Systems Inc で開催された ...
MySQLは変数を使用してさまざまなソートを実装します
コアコード -- 以下では、MySQLでのソート列の実装を示します -- テストデータ CREATE...