HTML | Изменить цвет фона с помощью свойства onmouseover
Опубликовано: 1 Марта, 2022
В этом посте работа события onmouseover показана путем изменения цвета абзаца путем наведения курсора мыши на определенный цвет.
Синтаксис:
document.bgColor = 'nameOfColor'
HTML code that will change the colour of the background when the mouse is moved over a particular colour. Background colour property specifies the background colour of an element.
<html> <p> <!-- when mouse is move over the colour name, colour change --> <a onmouseover="document.bgColor="greem"">Bright Green</a><br> <a onmouseover="document.bgColor="red"">Red</a><br> <a onmouseover="document.bgColor="magenta"">Magenta</a><br> <a onmouseover="document.bgColor="purple"">Purple</a><br> <a onmouseover="document.bgColor="blue"">Blue</a><br> <a onmouseover="document.bgColor="yellow"">Yellow</a><br> <a onmouseover="document.bgColor="black"">Black</a><br> <a onmouseover="document.bgColor="orange"">Orange</a><br> </p></html> |
Выход:
Изначально цвет фона белый-
При наведении указателя мыши на цвет «Ярко-зеленый» -
При наведении курсора мыши на «Красный» цвет -
При наведении курсора мыши на «пурпурный» цвет -
При наведении курсора мыши на «фиолетовый» цвет -
При наведении курсора мыши на «синий» цвет -
При наведении курсора мыши на «черный» цвет -
При наведении курсора мыши на «оранжевый» цвет -
При наведении курсора мыши на «желтый» цвет-