Нонче тут

Сейчас 83 гостей онлайн

Поиск

Поиск от Nigma

2


Поиск от Яндекс

Счётчики

Яндекс.Метрика

Проверка тиц

ВКонтакте

Свойство CSS cursor позволяет установить вид курсора для того или иного элемента - блока, текста, рисунка.. то есть когда пользователь наведет курсор на такой элемент курсор поменяет свой вид.

Курсоры можно выбирать как стандартные, так свои собственные пользовательские курсоры - файлы в формате cur, ani или svg.

Стандартные курсоры.

Чтобы изменить внешний вид курсора свойству cursor необходимо указать одно из возможных значений:

  • auto - курсор назначается автоматически в зависимости от специфики элемента.(по умолчанию)
  • crosshair - перекрестие
  • default - встроенный(основной)
  • e-resize - стрелка на "восток"
  • hand - указатель аналогия pointer
  • help - помощь
  • move - перемещение
  • n-resize - переместить на "север"
  • ne-resize - переместить на "северо-восток"
  • nw-resize - переместить на "северо-запад"
  • pointer - указатель
  • progress - продолжение операции
  • s-resize - переместить на "юг"
  • se-resize - переместить на "юго-восток"
  • sw-resize - переместить на "юго-запад"
  • text - текст
  • w-resize - переместить на "запад"
  • wait - ожидание

Некоторые браузеры поддерживают дополнительные формы курсоров:

  • all-scroll - переместить во все стороны
  • col-resize - переместить по горизонтали
  • no-drop - указатель "нет доступа"
  • not-allowed - нет доступа
  • row-resize - переместить по вертикали
  • vertical-text - вертикальный текст

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

Проведите курсором над каждым значением свойства cursor в списке выше, чтобы увидеть какую форму принимает курсор в Вашем браузере.

Пользовательские курсоры.

Чтобы курсор приобрёл нестандартный вид его необходимо подгрузить присвоив свойству cursor значение: url("путь к курсору").

Например:

div { cursor : url("my.cur"); }

Можно указать несколько пользовательских курсоров, через запятую, в этом случае браузер будет пытаться отобразить первый из перечисленных, если у него это не получится, возьмется за второй.. и т. д. Можно использовать файлы в формате cur, ani или svg - такие курсоры поддерживаются, начиная с IE6, Firefox 1.5. Однако Firefox 1.5 не поддерживает формат ani, а IE6 в свою очередь, не понимает формат svg.

Поэтому список курсоров составляют из файлов разных форматов.. например, так:

div { cursor : url("my.cur"), url("my.svg"); }

В конце списка рекомендуется ставить один из курсоров из стандартного набора.

Вот так:

div { cursor : url("my.cur"), url("my.svg"), help; }

Свойство cursor, имеет еще одно значение - inherit. которое говорит о том, что свойство наследуется от элемента-родителя.

Поддержка браузеров


IE

Opera

Chrome

Firefox

Safari
Internet Explorer 6 и выше Opera 7 и выше Chrome 1 и выше Firefox 1 и выше Safari 1 и выше
Уважаемые гости сайта! Теперь Вы можете ознакомиться с новостями сайта в социальных сетях.
Новости сайта публикуются в Facebook, ВКонтакте, Blogspot и Мой мир и Twitter .
Что бы перейти к аккаунтам просто кликните на иконках социальных сетей.