главная заказ цены технологии статьи
ЗАКАЗАТЬ САЙТ:akwd@ngs.ru



--Назад--

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


источник: A-design studio

Всплывающая подсказка может "всплывать" как у ссылок, так и у любого элемента в броузерах, поддерживающих динамический 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
 

--Назад--

http:\\www.akwd.narod.ru\
akwd@ngs.ru

::Кнопка сайта:

Посмотреть html-код
::Реклама:


 
::Статистика:


 
Copyright © 2003 - AkWd web-design studio
Используются технологии uCoz