Ponteiro de Cursor JavaScript

| | | | |

Os cursores existem desde " O mãe de todos ‚" demos em que Douglas Englebart apresentou o mouse e a interface gráfica do usuário ao mundo no final dos anos 1960. O cursor do mouse nos permite ver onde estamos no espaço em nosso tela do computador. Como uma ferramenta de experiência do usuário, é muito legal poder nos mostrar o que podemos fazer em qualquer lugar da tela ou o que o usuário está fazendo. computador. Este artigo discute algumas maneiras de usar o cursor do mouse em nossa página da web para melhorar a experiência do usuário em seu site.

em nosso seletor de CSS , use a seguinte sintaxe para alterar o cursor para algo diferente da seta padrão.

Entre o primeiro conjunto de colchetes temos uma lista de URLs, separados por vírgulas. Este é um valor opcional ue. Permite usar controles deslizantes personalizados - Existem muitos fabricantes de controles deslizantes personalizados na Internet para ajudá-lo a criar algo exclusivo para você.

A lista separada por vírgulas indica que o navegador tentará carregar o primeiro. Se não encontrar o primeiro ou se o URL estiver incorreto, ele avançará na lista até encontrar um que funcione ou esteja definido para a palavra-chave necessária no final.

O primeiro parâmetro - com URLs é opcional. A segunda não. Você deve incluir uma palavra-chave que forneça uma série de instruções para indicar o tipo de cursor que deseja exibir. Aqui estão alguns dos valores disponíveis:

O código acima compartilha apenas alguns dos controles deslizantes disponíveis que podemos usar em nosso site. Confira o MDN para outros.

Conclusão

Hoje, analisamos algumas das diferentes maneiras de adicionar cursores ao seu site para ajudar a melhorar a experiência do usuário. Usando o controle deslizante para indicam o que pode ser feito em qualquer lugar da página, os usuários sabem o que esperar enquanto navegam em seu site. Há muito mais do que os mencionados aqui.

Recomendo que você verifique as diferentes maneiras de pode personalizar seu controle deslizante para atender às suas necessidades. E lembre-se: o controle deslizante é apenas metade da experiência do usuário. A outra metade realmente implementa o que o usuário espera do cursor. Falaremos sobre isso em outro momento. Bom truque!

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