Koniec ze standardowymi kursorami
Znudziły Cię tradycyjne kursory na Twojej stronie WWW? Nie ma sprawy - poniżej
znajdziesz przykład jak w prosty sposób zmieniać wyświetlający się po
najechaniu na tekst lub obrazek kursor, za pomocą styli - a dokładnie dopisania
jednego parametru: cursor:nazwa_kursora (napis poniżej pokazuje kod
HTML, który spowoduje wyświetlenie kursora znaku zapytania czyli help)
<p style="cursor:help">NAPIS </p>
Poniżej przedstawimy tabelę dzięki której będziesz wiedział jak można
zmienić swój kursor. Wartość default da nam zawsze typowy kształt kursora -
strzałkę. Auto jest zgodne z domyślnymi wartościami przeglądarki. Możliwe
jest również wykorzystanie własnych kursorów na stronie WWW. Jeśli
posiadamy kursor w formacie .cur (dla kursorów statycznych) lub .ani (dla
animowanych) można takie kursory pokazać na swojej witrynie. W kodzie HTML
umieszczamy wówczas wpis:
<a href="http://www.wp.pl" style="cursor:url('nazwa.ani');">Kliknij
tu</a>
Poniżej tabela kursorów:
| KOD KURSORA |
EFEKT |
|
cursor:crosshair
|
NAPIS
|
|
cursor:move
|
NAPIS
|
|
cursor:hand
|
NAPIS
|
|
cursor:text
|
NAPIS
|
|
cursor:auto
|
NAPIS
|
|
cursor:e-resize
|
NAPIS
|
|
cursor:ne-resize
|
NAPIS
|
|
cursor:nw-resize
|
NAPIS
|
|
cursor:n-resize
|
NAPIS
|
|
cursor:se-resize
|
NAPIS
|
|
cursor:sw-resize
|
NAPIS
|
|
cursor:s-resize
|
NAPIS
|
|
cursor:w-resize
|
NAPIS
|
|
cursor:wait
|
NAPIS
|
|
cursor:help
|
NAPIS
|
|
cursor:default
|
NAPIS
|
Autor:70.pl
__________________________________________
Artykuł dodano: 2002-09-17 16:56:01
Strona czytana: 8174 razy
|
