Uru-ru.ru - web дизайн, программирование, система оперативного управления компанией, 3d art
about web design web programming 3d art contacts

Устанавливаем вид курсора с помощью CSS Устанавливаем вид курсора с помощью CSS

Каждый браузер имеет свои собственные настройки CSS стилей по умолчанию, например: цвет ссылки (активной и посещенной), внутренние и внешние отступы, размер шрифта и тип курсора. Браузер отображает курсор в виде указателя (рука), когда пользователь навел на ссылку (текстовую или с изображением), тем самым давая понять, что данный элемент кликабелен. К таким кликабельным элементам также относятся:

  • Кнопки форм (имеющие тип button, submit и reset)
  • Элементы с событием "onclick"
  • Элемент Label
  • Элемент Select
  • Javascript "триггеры" (Mootools Accordians, например)

Становиться ясно, что мы можем с легостью управлять изменением вида курсора с помощью небольшого CSS кода, и тем самым, повысить юзабилити сайта. Однако, на практике, при неосторожном применении такой код может принести больше вреда, чем пользы. Поэтому мы будем использовать уже проверенный CSS код, чтобы действительно улучшить восприятие сайта:

select, label, .pointer { cursor:pointer; }

Используйте класс "pointer" для кнопок форм, элементы с событием "onclick" и для Javascript "триггеров".

И не используйте псевдо-классы вида "input[type='submit']" , т.к. IE6 их не поддерживает.

 Устанавливаем вид курсора с помощью CSS
Дата публикации 24 мая 2008

Реклама

about | design | programming | art | contacts

copyrights (C) 2005-2014 Uru-ru.ru