Уже достаточно надоели вопросы типа: "Как сменить курсор на сайте", "Как сменить мышку на сайта", "Как сменить стрелку на сайте" и т.д.
Поэтому сейчас постараюсь подробнее объяснить, как же всё-таки сменить курсор на сайте или определенном элементе. Свойство CSS cursor дает нам возможность устанавливать собственный курсор различным элементам страницы или всей страницы, причем, можно выбрать как стандартные курсоры, как из списка ниже, так и собственные.
Как сменить курсор при наведении на отдельный элемент.
Список стандартных курсоров:
Курсор default.
Курсор auto.
Курсор text.
Курсор crosshair.
Курсор e-resize.
Курсор w-resize.
Курсор n-resize.
Курсор s-resize.
Курсор ne-resize.
Курсор sw-resize.
Курсор nw-resize.
Курсор se-resize.
Курсор wait.
Курсор hand.
Курсор pointer.
Курсор help.
Курсор move.
*Наведите курсором на строчку со свойством cursor в списке выше, чтобы увидеть как выглядет курсор для каждого значения.
Курсор на отдельном элементе в виде HTML-кода:
Code
<font style="cursor:move">Курсор move.</font>
P.S. Заместо тега font может быть любой другой тег. Замена курсора на всем сайте:
Для установки курсора на сайт нужно вставить в CSS следующее:
Замена курсора на всем сайте:
Code
body {cursor:url('mouse.cur');}
Замена курсора при наведении на ссылку:
Code
a:hover {cursor:url('mouse.cur');}
Где mouse.cur - ссылка на курсор.
Курсор может быть подвижный или статический, с расширением .cur или .ani Использование своего курсора для элемента:
Code
<font style="cursor:url('mouse.cur');">Свой курсор для элемента.</font>
Использование курсора другого формата (наведите ниже):
Code
body { cursor: url('/images/cursor.png'), text; }
Советую использовать курсоры, если на это есть причина, так как пользователям привычнее и понятнее видеть стандартные курсоры.
