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

Основы CSS. Изменение свойств объекта, классов, источника

Это совсем просто. Делаем так:
<font size=-1 TITLE="Подсказка" style=cursor:w-resize; OnMouseOver="this.style.color='red';" OnMouseOut="this.style.color='#FFFF00';">ЗАНЕСТИ В ИЗБРАННОЕ</font>

ЗАНЕСТИ В ИЗБРАННОЕ

Сборная конструкция, так сказать. Подсказка, изменение курсора, изменение цвета под мышкой. Обратите внимание - цвет после "посещения" мышки устанавливается отдельно! Если хотите, чтобы цвет возвращался к исходному, установите исходный цвет текста.

Зачем я все это привожу? Обратите внимание на this.style.color=. В данном случае мы меняем цвет текста, но так можно изменить цвет чего угодно. Вместо color мы можем изменять и другие свойства обьектов.

ONMOUSEOVER="this.className = 'k';"
ONMOUSEOUT="this.className = 'kd';"
Еще более "актуальный" случай— изменение класса обьекта в ответ на событие. В данном виде— изменение класса при наведении мышки. Именно так делаются простейшие меню— описываем необходимые параметры для обоих классов и изменяем класс обьекта в ответ на наведение мышки.

ONMOUSEOVER="this.src = '11.gif';"
ONMOUSEOUT="this.src = '22.gif';"
В данном случае мы меняем один рисунок на другой при наведении мышки. Только предварительно картинки подгрузить рекомендуется.

Используя подобные методы мы можем изменять очень многие параметры объектов. Изменяя класс мы можем изменять цвет, шрифт, фоновый цвет, фоновый рисунок, размер, стили рамки... Что еще можно придумать? Конечно, Нетскейпы до шестого почти ничего из этого не поддерживают.

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

 


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