Как поменять курсор над ссылкой

2008-01-22 / Рубрика: CSS

CSS позволяет управлять внешним видом курсора, что в некоторых случах может существенно повысить удобство использования веб-странички или веб-приложения. Например при наведении на ссылку «Справка», курсор может принять форму вопроса. Делается это с помощью свойства cursor.

Синтаксис

Стиль курсора можно задать в таблице стилей:

a {cursor: pointer; }

или прямо в теге через атрибут style

<a href="http://www.x28.ru" style="cursor:crosshair">Сайт для вебмастера</a>

Допустимые значения

  • auto
  • default
  • pointer
  • crosshair
  • move
  • e-resize
  • ne-resize
  • nw-resize
  • n-resize
  • se-resize
  • sw-resize
  • s-resize
  • w-resize
  • text
  • wait
  • help
  • progress
  • unherit

Использование картинки в качестве курсора

a {cursor: url(globe.cur), pointer; }

Замечания

В Internet Explorer до 6 версии вместо значения pointer используется значение hand.

a {cursor:hand}

При подготовке статьи использованы материалы из книги "CSS — каскадные таблицы стилей" Эрика Мэйера.

Автор — Владимир Полухин

Дата написания — 2008-01-22

Мало того что

Мало того что повысить удобство, но и сделать более понятным, а следовательно привлекательным для пользователя интерфейс, а значит сайт более посещаемым!

Ну спасибо на

Ну спасибо на добром слове

Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Сохранить установки".