Курсоры в HTML
Вторник, 20 сентября 2011 г.Рубрика: Уроки HTML -> Дополнительно
Просмотров: 358
Подписаться на комментарии по RSS
На многих сайтах используют возможность изменять тип курсора. Скажите, зачем это? Предположим, у Вас на сайте есть ссылка, при клике на которую, показывается блок с информацией, но при наведении на ссылку, курсор остаётся прежним - в виде стрелки. Ведь если мы будем использовать javascript, то мы зададим обработку на клик по картинке, так нам не нужно будет прописывать лишний раз ссылку, поэтому и не будет изменятся курсор при наведении. И торопливый пользователь упустит эту ссылку из виду, считая что это просто картинка, и не сможет просмотреть нужную информацию, тогда он сделает что-то не так. Во-избежании этого, мы предлагаем Вам использовать возможности css изменять курсоры. Можно задать функцию, которая при наведении мыши, будет изменять тип курсора на вопросительный - пользователь сразу сообразит что к чему, и нажмёт на картинку, так как вопросительный курсор даст понять, что при клике он ( пользователь ) получит важную информацию.
Это был простой пример, использовать разные курсоры Вы можете так, как захотите!
Ниже приведена таблица некоторых курсоров, которые находятся в стандартном наборе курсоров системы.
| cursor:crosshair | <span style=CURSOR:crosshair;>Графическое выделение</span> |
| cursor:move | <span style=CURSOR:move;>Перемещение</span> |
| cursor:e-resize | <span style=CURSOR:e-resize;>Стрелка вправо</span> |
| cursor:ne-resize | <span style=CURSOR:ne-resize;>Обычный режим (зеркальный)</span> |
| cursor:nw-resize | <span style=CURSOR:nw-resize;>Обычный режим</span> |
| cursor:n-resize | <span style=CURSOR:n-resize;>Стрелка вверх</span> |
| cursor:sw-resize | <span style=CURSOR:sw-resize;>Обычный режим (перевернутый)</span> |
| cursor:se-resize | <span style=CURSOR:se-resize;>Обычный режим (перевернутый, зеркальный)</span> |
| cursor:s-resize | <span style=CURSOR:s-resize;>Стрелка вниз</span> |
| cursor:w-resize | <span style=CURSOR:w-resize;>Стрелка влево</span> |
| cursor:text | <span style=CURSOR:text;>Выделение текста</span> |
| cursor:wait | <span style=CURSOR:wait;>Система недоступна</span> |
| cursor:help | <span style=CURSOR:help;>Выбор справки</span> |
Я считаю, что необходимо пользователям предоставлять возможность изменять курсоры, потому что так будет быстрее понятно, что до вас пытается донести компьютер! вы лучше будете реагировать на ту или иную информацию, которую можно или же, наоборот, нельзя открыть и просмотреть.
я конечно далек от этой тематики, но понял, что благодаря использованию видоизменяющихся пользователю намного проще ориентироваться среди массы информации.