Změna typu kurzoru pomocí kaskádových stylů

7. září 2000

•

V operačním systému Windows existuje několik druhů kurzorů – jmenujme například kurzor Wait (přesýpací hodiny), který představuje ono pověstné čekání :o), nebo kurzor Hand (ruka) obvykle značící odkaz na www stránce, či kurzor Help pro systémovou nápovědu. Pomocí kaskádových stylů se dají tyto kurzory použít i ve vašich stránkách.

Na začátku bych chtěl podotknout, že nedoporučuji standardní kurzory měnit na jiné druhy kurzoru – pokud se uživateli při najetí na odkaz neobjeví např. standardní kurzor ruky, ale třeba zaměřovač, nemusí vůbec pochopit, že se jedná o odkaz.

Změna typu kurzoru ovšem může mít své výhody – máte např. malý obrázek v textu, na který když uživatel klikne, tak se mu objeví malé okno s nápovědou – zde se například hodí použít kurzor Help (nápověda), který se objeví při najetí myší nad obrázek. Nebo si představte mapu České republiky, která obsahuje mnoho klikatelných oblastí (třeba města) – kurzor zaměřovač je zde velmi užitečný a je lepší než standardní ruka.

Syntaxe stylu je velmi jednoduchá:

cursor: druh-kurzoru;

Příklad použití pro všechny odkazy na stránce:

Kurzor přesýpacích hodin

A jaké kurzory vlastně můžeme použít? Všechny jsou uvedeny v následujícím odstavci. Pokud nad odkazem za názvem kurzoru podržíte myš, ukáže se vám vzhled tohoto kurzoru.

auto	– automatická volba podle nastavení OS
default	– standardní šipka
crosshair	– zaměřovač
hand	– ruka
help	– šipka s otazníkem
move	– kurzor pro přesun
e-resize	– kolmá sipka vpravo
ne-resize	– menší sipka, zrcadlově převrácená
nw-resize	– menší šipka
n-resize	– kolma sipka, směr nahoru
se-resize	– šikmá šipka vpravo dole
sw-resize	– šikmá šipla vlevo dole
s-resize	– kolmá šipka, směr dolu
w-resize	– kolmá sipka vlevo
text	– textový kurzor
wait	– přesýpací hodiny

Výměna kurzoru za jiný vám bohužel bude fungovat pouze v Internet Exploreru od verze 4.0. Testovaný Netscape 4.52 nejevil žádnou snahu kurzory podle definovaného stylu změnit, a stejně tak se zachovala Opera 4.0. Doufám, že vám tento článek pomohl v dalším pochopení toho, jak fungují kaskádové styly.