|
Czasem przydatna jest zmiana
kursora. Oczywi╢cie, nie nale┐y z tym przesadzaµ,
ale je┐eli za pomoc▒ js'a tworzymy co╢
interaktywnego, to dobrze, je╢li kursor nad tym
zamieni siΩ w │apkΩ. Czasem kursor mo┐e co╢
zasugerowaµ, np. je╢li kursor zmieni siΩ w znak
zapytania, ╢wiadczy to, ┐e po klikniΩciu
otrzymamy pomoc. Projektanci CSS'a wiedzieli co robi▒,
tworz▒c mo┐liwo╢µ zmiany kursora.
Aby zmieniµ kursor, w arkuszu dodajemy cursor:
nazwakursora;
Je╢li np. w g│≤wnym arkuszu ustalimy kursor dla A:hover
{cursor: wait;} u┐ytkownik trochΩ siΩ
zdziwi, je╢li za ka┐dym razem po najechaniu na
│▒cze bΩdzie musia│ czekaµ :-) Kursor mo┐na
zmieniµ na wiele sposob≤w. Dodatkowo CSS2 umo┐liwi
u┐ywanie w│asnego kursora:
X { cursor : url(sciezka_do_kursora.cur);}
P≤ki co, ┐adna przegl▒darka nie obs│uguje tego
dobrodziejstwa :-)
auto
- Najnormalniejszy kursor, kt≤ry pojawia siΩ nad
textem. Nie zmieni nic :-)
crosshair
- Czyli celownik :-)
default
- Zwyk│y kursor. Niezbyt wiem, czym r≤┐ni siΩ
auto od default
e-resize
- Strza│ka w prawo :-)
n-resize
- Strza│ka do g≤ry :-) Jakby nie by│o widaµ :-)
s-resize
- Strza│ka w d≤│
w-resize
- Strza│ka w lewo
ne-resize
- To ju┐ pozostawiΩ bez komentarza. Przecie┐ widaµ
:-)
nw-resize
- Jak wy┐ej
se-resize
- ==||== :-)
sw-resize
- Ten jest tak dziwny, ┐e raczej go nie u┐ywajcie
:-)
|
|
hand
- R▒czka. Taka jak nad hiper│▒czem.
help
- to sugeruje udzielenie pomocy. Nie u┐ywajcie, je╢li
chcecie komu╢ zaszkodziµ :-)
move
- Kursor przenoszenia.
text
- Kursor jak nad tekstem, ale wymuszony, nie jak
auto lub default. W tym przypadku taki w│a╢nie
kursor uka┐e siΩ na pewno!
wait
- Oczekiwanie. Sugeruje umieszczenie tego w arkuszu
w elemencie Body :-) Dezorientacja czytelnika
gwarantowana :-)
U┐ywajcie tego rozwa┐nie, bo tak jak mo┐e to
pomagaµ w nawigacji, tak samo mo┐e szkodziµ. Mo┐na
stworzyµ co╢ naprawdΩ psychodelicznego.
»ycz▒cy rozwagi:
ydgin
http://www.nirvana.info.prv.pl
|
|