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

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

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

Это совсем просто. Делаем так:
ЗАНЕСТИ В ИЗБРАННОЕ
ЗАНЕСТИ В ИЗБРАННОЕ

Сборная конструкция, так сказать. Подсказка, изменение курсора, изменение цвета под мышкой. Обратите внимание — цвет после «посещеня» мышки устанавливается отдельно! Если хотите, чтобы цвет возвращался к исходному, установите исходный цвет текста.
Зачем я все это привожу? Обратите внимание на 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

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

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

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