Jak změnit vzhled kurzoru myši?

Je pro Vás šipka příliš tradičním ukazatelem Vaší myši? Chcete místo ní jiný tvar? Není nic jednodušího než si pohrát s CSS vlastností "cursor".

//zápis samotné vlastnis v CSS zní:
div {
 cursor: auto; //misto auto lze zvolit cokoliv z nize uvedeneho
}

Možné parametry jsou:
- alias (klasická šipka s menší šipkou "navíc")
- all-scroll (šipka na všechny směry = nahoru/dolů/doleva/doprava)
- auto (základní vzhled kurzoru = šipka)
- cell (vzhled jak po najetí na buňku v tabulce)
- context-menu (fakticky klasická šipka)
- col-resize (indikátor posuvu buňky = dvě svislé čáry uprostřed a z nich šipka doprava/doleva)
- copy (Klasická šipka s malým "pluskem")
- crosshair (kříž složený ze dvou čar nahoru/dolu a doprava/doleva)
- default (základní vzhled kurzoru = šipka)
- e-resize (šipka doprava)
- ew-resize (šipka doprava/doleva)
- grab (symbol ukazuje možnost něco chytit)
- grabbing (symbol ukazuje možnost něco chytit)
- help (symbol pomoci)
- move (ikona pro pohyb)
- n-resize (šipka nahoru)
- ne-resize (šipka nahoru/doprava)
- nesw-resize (šipka nahoru/doprava/dolů/doleva)
- ns-resize (šipka nahoru/dolů)
- nw-resize (šipka nahoru/doleva)
- nwse-resize (šipka nahoru/doprava/dolů/doleva)
- no-drop (ikona ukazující že nelze prvek položit na dané místo)
- none (bez vzhledu)
- not-allowed (ikona nepovolené manipulace)
- pointer (základní šipka)
- progress (šipka s malým točícím se kolečkem)
- row-resize (indikátor posuvu buňky = dvě vodorovné čáry uprostřed a z nich šipka nahoru/dolů)
- s-resize (šipka dolů)
- se-resize (šipka doleva/dolů)
- sw-resize (šipka doprava/dolů)
- text (vzhled jako kurzor při psaní textu)
- URL (vzhled vlastního borázku ; Př.: cursor:url(smiley.gif),url(myBall.cur),auto; )
- vertical-text (vzhled jako kurzor při psaní textu otočený o 90stupňů)
- w-resize (šipka doleva/doprava)
- wait (točící se kolečko)
- zoom-in (lupa s pluskem)
- zoom-out (lupa s mínuskem)
- initial (základní vzhled)
- inherit (zděděný vzhled od otce/matky)

<< zpět