JavaScriptカーソルポインタ

| | | | |

カーソルは" 以降に存在しますすべての母 、1960年代後半にダグラスエングルバートがマウスとグラフィカルユーザーインターフェースを世界に紹介したデモ。マウスカーソルを使用すると、私たちの宇宙のどこにいるかを確認できます。コンピューター画面。ユーザーエクスペリエンスツールとして、画面のどこで何ができるか、またはユーザーが何をしているかを表示できるのは本当にすばらしいことです。コンピューター。この記事では、Webページでマウスカーソルを使用するいくつかの方法について説明します。ウェブサイトのユーザーエクスペリエンスを向上させるため。

CSSセレクターで、次の構文を使用してカーソルをデフォルトの矢印以外に変更します。

最初の括弧のセットの間に、コンマで区切られたURLのリストがあります。これはオプションの値です。 ue。カスタムスライダーを使用できます-インターネット上には、独自の何かを作成するのに役立つカスタムスライダーのメーカーがたくさんあります。

カンマ区切りのリストは、ブラウザーが最初の1つ。最初のURLが見つからない場合、またはURLが正しくない場合は、機能するものが見つかるか、最後に必要なキーワードに設定されるまで、リストを進めます。

最初のパラメータ-URL付きはオプションです。 2番目はそうではありません。表示するカーソルのタイプを示す一連の指示を提供するキーワードを含める必要があります。使用可能な値の一部を次に示します。

上記のコードは、サイトで使用できるスライダーの一部のみを共有しています。他の人については、MDNを確認してください。< / p>

結論

本日、ユーザーエクスペリエンスを向上させるために、ウェブサイトにカーソルを追加するさまざまな方法をいくつか見てきました。ページのどこで何ができるかを示し、ユーザーはサイトをナビゲートするときに何を期待できるかを知っています。ここに記載されているもの以外にもたくさんあります。

さまざまな方法を確認することをお勧めしますスライダーをニーズに合わせてカスタマイズできます。また、スライダーはユーザーエクスペリエンスの半分にすぎません。残りの半分は、ユーザーがカーソルに期待するものを実際に実装します。これについては、別の機会に説明します。ハックしてください。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method