Как изменить цвет букв при наведении мыши c помощью javascript?
2 ответа
от
miguel_ritchie ,
год назад
@kameron
Вы можете изменить цвет букв при наведении мыши с помощью JavaScript, используя свойство onmouseover и onmouseout. Вот пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
#myElement {
color: black; /* Цвет по умолчанию */
}
Пример текста
function changeColor(color) {
document.getElementById("myElement").style.color = color;
}
|
В данном примере при наведении курсора мыши на элемент с ID "myElement", цвет букв изменится на красный (red), а при уводе курсора цвет вернется на черный (black).
Вы можете изменить цвет на любой другой цвет или использовать любые другие CSS-свойства, чтобы изменить выполняемые при наведении действия.
от
rachel ,
4 месяца назад
@kameron
Вот пример, как это можно сделать:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html>
<html>
<head>
<style>
#myElement {
color: black; /* Цвет по умолчанию */
}
</style>
</head>
<body>
<div id="myElement" onmouseover="changeColor('red')" onmouseout="changeColor('black')">Пример текста</div>
<script>
function changeColor(color) {
document.getElementById("myElement").style.color = color;
}
</script>
</body>
</html>
|
В этом примере, когда мы наводим курсор на элемент с ID "myElement", вызывается функция changeColor('red'), которая изменяет цвет текста на красный, а при уводе курсора вызывается changeColor('black'), возвращающая цвет текста на черный.
15
Похожие обсуждения:
Как изменить цвет текста при наведении в javascript?
Как изменить цвет блока при наведении курсора в css?
Как изменить цвет в stroke c помощью условия на javascript?
Как при нажатии на кнопку мыши изменить цвет рисунка в pygame?
Как поменять цвет текста при наведении css?
Как изменить курсор при наведении в css?