Основы CSS. Всплывающая подсказка, изменение курсора в CSS

Автор: manager Понедельник, Март 17th, 2008 Нет комментариев

Рубрика: Интернет

Всплывающая подсказка может «всплывать» как у ссылок, так и у любого элемента в броузерах, поддерживающих динамический HTML. На формах и кнопках не пробовал, но надо и вам что то оставить для развлечения. Делается чрезвычайно просто, вставляем в тэг элемента:
TITLE=»подсказка»
Например:
ПРОСТО СЛОВО
или:
ССЫЛКА НА IIII

подведите курсор к выделенным участкам, посмотрите.
Просто, да? Теперь займемся курсором. По умолчанию обычный курсор-стрелка изменяется на «лапку» над ссылкой. Больше ничего особого не заметно. Однако, курсоров больше, чем два. С помощью стилей можно получать нужную форму курсора над нужным объектом, например, вопросительный знак над «помощью». В «Эксплорере» последних версий изменение курсора и подсказка действуют не только с рисунками и ссылками, но и с любым объектом. Вставляем в тэг:
style=cursor:w-resize
Например:
ССЫЛКА НА IIII

Как всегда, этого не понимает «Нетскейп». Курсор не меняется, подсказки не появляются. На любителя, так сказать… У гениального Нетскейпа подсказка выводится как ALT для рисуночков.
Ниже привожу виды курсоров. Подводите мышку и смотрите
auto автоматически устанавливается
crosshair — крест
default — по умолчанию
hand — лапка
text — текстовый курсор
help — вопросительный знак
wait — песочные часы
e-resize — разные по направлению стрелки
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize

Источник: A-design studio http://mtk.on.ufanet.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты