Twoja-Strona.Net

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 ;)