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:

<style>
<!–
   a {cursor: wait;}
—>
</style>
<a href=“http://www.interval.cz“>Kurzor přesýpacích hodin</a>

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.

    Starší komentáře ke článku

    Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.

    Štítky: Články

    Mohlo by vás také zajímat

    Nejnovější

    Napsat komentář

    Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *