Курсоры, установка собственного курсора на сайт

Курсоры, которые Вы можете использовать на страницах своих сайтов.

P {cursor:default}

P {cursor:crosshair}

P {cursor:help}

P {cursor:move}

P {cursor:pointer}

P {cursor:progress}

P {cursor:text}

P {cursor:wait}

P {cursor:n-resize}

P {cursor:ne-resize}

P {cursor:e-resize}

P {cursor:se-resize}

P {cursor:s-resize}

P {cursor:sw-resize}

P {cursor:w-resize}

... {cursor:all-scroll}

... {cursor:not-allowed}

... {cursor:not-allowed}

... {cursor:col-resize}

... {cursor:row-resize}

... {cursor:vertical-text}

Установка собственного курсора

Для установки собственного курсора, необходимо файл курсора (в формате CUR или ANI ) загрузить на свой сайт и указать URL до него.

body { cursor : url(cursor.cur); }

В браузере Firefox работает вот такая конструкция:

html, body{ cursor : url("cursor/cursor.cur"), auto; }
html, body{ cursor : url("cursor/cursor.gif"), auto; }

Также в CSS можно указать какой-то конкретный элемент, при наведении на который должен появляться определенный курсор.

На компьютере завалялись полтора десятка курсоров, которые вы можете скачать и установить на свой сайт.

Скачать цветочные курсоры в формате CUR и ANI.