 |
Internet Explorer od verze 4 umožňuje kontrolovat podobu kurzoru myši. Zadává se to jako CSS styl. Například tento text je ve zdroji zapsán takto:
<span style="cursor: hand;
color: blue">tento text</span>,
takže vypadá jako odkaz. Zkuste si jej přejet myší.
Levé buňky obsahují hodnoty vlastnosti "cursor" a zároveň fungují jako testovací plocha, nad kterou můžete táhnout myší.
| Auto | Základní podoba kurzoru závislá na charakteru elementu |
| Crosshair | Křížek na zaměřování |
| Default | Podoba je závislá na nastavení systému. Obvykle šipka. |
| Hand | Ručička obvykle znázorňuje klikací oblast |
| Move | Čtyřšipka znázorňující možnost přesunutí objektu |
| e-resize | Kurzory pro změnu velikosti. Písmenka na začátku vyjadřují (anglicky) směr, kam bude šipka ukazovat. |
| ne-resize | |
| nw-resize | |
| n-resize | |
| se-resize | |
| sw-resize | |
| s-resize | |
| w-resize | |
| text | Textový kurzor ve tvaru velkého I |
| wait | Přesýpací hodiny. |
| help | Šipka s otazníkem značící možnost nápovědy. |
Kurzory budou mít podobu podle toho, jak je má nainstalován počítač u klienta. Protože CSS podobu kurzoru nepodporují všechny prohlížeče, nelze se na to spolehnout.
Podle mých zkušeností to šlape pouze na Internet Explorerech verze 4 a vyšší.
Dají se navíc použít tyto:
|
all-scroll |
skrolovací kurzor, který se někdy objevuje po stisku prostředního tlačítka |
|
col-resize |
jako změna šířky sloupce |
|
no-drop |
ručička s naznačením neklikatelnosti |
|
not-allowed |
přeškrtnuté kolečko |
|
progress |
šipka s hodinami, jako že se něco děje |
|
row-resize |
změna výšky řádku |
|
vertical-text |
ležatý textový kurzor vertikálního textu |
Dále IE 6 umožňuje zadat libovolnému elementu obrázkový kurzor ze souboru cur nebo ani.
cursor: url('soubor.cur')
Existují programy, které dokážou zkonvertovat obrázek do formátu cur, já používám IconShop, jehož domovskou stránkou je www.ping.be/liontech. Není úplně triviální udělat dobrý kurzor, hlavně je třeba se umět trefit do "aktivního prostoru" obrázku. Špatně udělatné kurzory mají totiž sklon objevovat se na trochu jiném místě, než by bylo optimální.
Nemá moc smysl nastavovat změněný kurzor celé stránce (tag body), leda ve výjimečných případech. Spíše doporučuji dávat unikátní kurzory ke zvláštním druhům odkazů. Například je použitelná šipka dolů (s-resize) u odkazů na záložky, které míří někam dolů na tutéž stránku. Nebo kurzor s otazníkem (help) nad odkazem, který vede na nějakou nápovědu.
|
Hledání
Jak psát web:
http://dusan.pc-slany.cz/internet/
Píše Yuhů: autorova stránka,
mail: dusan@pc-slany.cz
Poslední aktualizace 23.03.2002