Курсор на сайте изменяется с помощью css команды cursor и потом значение, а они есть следующие:
auto - все курсоры будут стандартные, то есть по умолчанию. help - курсор, который на то, что для этого объекта есть справочная информация. Обозначается в виде обычного курсора со знаком вопроса. default - привычная стрелка. crosshair - крестик, плюсик, "+". pointer - курсор в виде указательного пальца. Он появляется, когда наводишь на ссылку. e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - это курсоры, которые обозначают возможность перемещения какого-то края объекта. wait - этот курсор говорит о том, что следует подождать. Обозначается в виде часиков или кружочка. text - курсор, который обозначает выделенный текст. Похож на вертикальную линию "|". move - курсор, который определяет объект для перемещения.
Пример кода:
Code div.help { cursor : help; }
Если требуется подгрузить свой курсор, то необходимо в качестве значения cursor указать ссылку к курсору, потом запятая и стандартное значение, например, crosshair (крестик). То есть должно получится так:
Code *{url('mycross.cur'), crosshair;}
В качестве изображения курсора можно использовать любые файлы форматов: ANI, CUR, SVG.
|