10:26 10.03.2017
Появилась задача изменить стиль элемента при наведении курсора и вернуть прежний стиль, когда курсор увели. Для решения этой задачи существует псевдокласс :hover, при помощи, которого можно решить задачу, но дело в том, что стиль элемента находится в атрибуте style элемента, например:
В него же необходимо вставить :hover, но делать этого конечно нельзя. Необходимо искать другой вариант решения, а вариантом вполне может быть - использование атрибутов событий: onMouseOver и onMouseOut:
Делаем так:
Готово. Задача решена, теперь цвет текста меняется при наведении курсора и возвращается в прежний цвет, когда курсор убегает.
<span style="color: #CCCCCC;">Текст</span>
В него же необходимо вставить :hover, но делать этого конечно нельзя. Необходимо искать другой вариант решения, а вариантом вполне может быть - использование атрибутов событий: onMouseOver и onMouseOut:
- onMouseOver - Выполняется, при наведении курсора.
- onMouseOut - Выполняется, при выходи курсора за пределы элемента.
Делаем так:
<span style="color: #CCCCCC;"
onMouseOver="this.style.color = '#999999';"
onMouseOut="this.style.color = '#CCCCCC';">
Текст
</span>
Готово. Задача решена, теперь цвет текста меняется при наведении курсора и возвращается в прежний цвет, когда курсор убегает.
- Жалоба