|
Chcesz mieć nieco inny kursor niż standardowy, a może swój własny?
W tym krótkim artykule pokażę jak zmienić kursor, na swojej stronie www ;)
1). Zaczynamy od standardowych kursorów:
<BODY STYLE="cursor: crosshair">
<BODY STYLE="cursor: hand">
<BODY STYLE="cursor: move">
<BODY STYLE="cursor: e-resize">
<BODY STYLE="cursor: ne-resize">
<BODY STYLE="cursor: nw-resize">
<BODY STYLE="cursor: n-resize">
<BODY STYLE="cursor: se-resize">
<BODY STYLE="cursor: sw-resize">
<BODY STYLE="cursor: s-resize">
<BODY STYLE="cursor: w-resize">
<BODY STYLE="cursor: text">
<BODY STYLE="cursor: wait">
<BODY STYLE="cursor: help">
<BODY STYLE="cursor: defalut">
<BODY STYLE="cursor: auto">
No to teraz masz co wybierać ;)
2). Natomiast jeżeli chcesz użyć własnego kursora wpisz:
<body style="cursor:url(http://);">
- URL wskazuje ścieżkę do Twojego kursora ;)
3). Możesz tak że przypisać określony kursor wybranym tagom (wówczas po najechaniu na taki obszar zmieni się kursor na ten, który wcześniej zdeklarowałeś w stylach).
Przykład:
<table style="cursor:url(http://);">
Tu akurat przypisałem tag <TABLE>, ale równie dobrze może to być hiperłącze (<A>), lub co kolwiek innego ;)
4). Jeszcze ostatnia uwaga na sam koniec
Pamiętaj, że dla kursora statycznego należy nadać rozszerzenie *.cur, a dla kursora animowanego rozszerzenie *.ani.
To tyle, powodzenia w zabawie z kursorami ;)
Autor: Duch Prawa autorskie © . Wszelkie Prawa Zastrzeżone.
Opublikowane: 2005-05-03 (417 odsłon)  [ Wróć ] Biblioteka index | 
