Как изменить курсор на сайте?

Главная » Уроки » CSS

Вообще, я бы вам не советовал использовать эту возможность, так как пользователям более понятны для понимания стандартные курсоры, они к ним привыкли.

Как изменить курсор на сайте?

Итак, курсор на сайте изменяется с помощью 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 - курсор, который определяет объект для перемещения.

Все выше перечисленное это стандартные курсоры. Чтобы было более понятно, я бы хотел привести пример:

Если вам потребуется подгрузить свой курсор, то вам необходимо в качестве значения cursor указать url(путь к курсору), потом запятая и стандартное значение, например, crosshair (крестик). То есть должно получится так:

*{url('mycross.cur'), crosshair;}

В качестве изображения курсора можно использовать файлы форматов: CUR, ANI, SVG.

Одним из способов раскрутки сайта является регистрация и прогон сайта по каталогам за деньги, который сейчас стал практически бездейственный.

Категория: CSS; Урок сделан: 18.10.2010; Просмотров : 6204; Комментарии : 4; Рейтинг : 4.1/9;
Всего комментариев: 4

Автор: Кизяк (22.07.2011 03:35)

Я подрочил, теперь принесите в мой номер ещё шампанского и гашиша


Автор: Димон (10.07.2011 21:42)

Тупая копипаста, даже не работает


+1   Спам

Автор: GrandDooM (27.01.2011 21:34)

Юзай гугле, все найдешь


+1   Спам

Автор: krash32 (02.01.2011 15:57)

Маловато примеров...


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru