JavaScript-cursoraanwijzer

| | | | |

Cursors bestaan sinds " De mother of all ‚" demo`s waarin Douglas Englebart de muis en de grafische gebruikersinterface aan de wereld introduceerde in de late jaren 1960. De muiscursor stelt ons in staat om te zien waar we ons in de ruimte bevinden op onze computerscherm. Als hulpmiddel voor gebruikerservaring is het echt gaaf om ons te kunnen laten zien wat we overal op het scherm kunnen doen of wat de gebruiker doet. computer. Dit artikel bespreekt enkele manieren waarop we de muiscursor op onze webpagina kunnen gebruiken om de gebruikerservaring van uw website te verbeteren.

gebruik in onze CSS-selector de volgende syntaxis om de cursor te wijzigen in iets anders dan de standaardpijl.

Tussen de eerste set haakjes hebben we een lijst met URL`s, gescheiden door komma`s. Dit is een optionele waarde ue. Hiermee kunt u aangepaste schuifregelaars gebruiken - Er zijn veel fabrikanten van aangepaste schuifregelaars op internet om u te helpen iets te maken dat uniek is voor u.

De door komma`s gescheiden lijst geeft aan dat de browser zal proberen de eerste. Als de eerste niet wordt gevonden of als de URL onjuist is, gaat hij verder door de lijst totdat hij er een vindt die werkt of aan het einde is ingesteld op het vereiste trefwoord.

De eerste parameter - met URL`s is optioneel. De tweede niet. U moet een trefwoord opnemen dat een reeks instructies biedt om het type cursor aan te geven dat u wilt weergeven. Hier zijn enkele van de beschikbare waarden:

De bovenstaande code deelt slechts enkele van de beschikbare schuifregelaars die we op onze site kunnen gebruiken. Bekijk de MDN voor anderen.

Conclusie

Vandaag hebben we een aantal van de verschillende manieren bekeken waarop u cursors aan uw website kunt toevoegen om de gebruikerservaring te verbeteren. aangeven wat er overal op de pagina kan worden gedaan, gebruikers weten wat ze kunnen verwachten als ze door uw site navigeren. Er zijn er veel meer dan de hier genoemde.

Ik raad u aan de verschillende manieren te bekijken waarop u kan uw slider aanpassen aan uw behoeften. En onthoud: de slider is slechts de helft van de gebruikerservaring. De andere helft implementeert daadwerkelijk wat de gebruiker van de cursor verwacht. We zullen er een andere keer over praten. Goede hack!

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