IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

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

Всплывающая подсказка может "всплывать" как у ссылок, так и у любого элемента в броузерах, поддерживающих динамический HTML. На формах и кнопках не пробовал, но надо и вам что то оставить для развлечения. Делается чрезвычайно просто, вставляем в тэг элемента:
TITLE="подсказка"
Например:
<font size=-1 TITLE="подсказка" >ПРОСТО СЛОВО</font>
или:
<a href="html://www.iiii" TITLE="подсказка" >ССЫЛКА НА IIII</a>

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

Как всегда, этого не понимает "Нетскейп". Курсор не меняется, подсказки не появляются. На любителя, так сказать... У гениального Нетскейпа подсказка выводится как 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

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.