Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, segue uma documento com três funções.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>JavaScript #2</title>
<script type="text/javascript">
function acendeLampada(){
document.getElementById ("luz").src = "../_imagens/lampada-acesa.jpg";
}
function apagaLampada() {
document.getElementById("luz").src = "../_imagens/lampada-apagada.jpg";
}
function quebraLampada() {
document.getElementById ("luz").src = "../_imagens/lampada-quebrada.jpg";
}
</script>
</head>
<body>
<h1>Acenda a Lâmpada!</h1>
<img src="../_imagens/lampada-apagada.jpg" id="luz" onmouseover="acendeLampada()" onclick="quebraLampada()" onmouseout="apagaLampada()">
</body>
</html>Na tag img, quando coloco "onmousemove", a função quebraLampada não funciona de jeito nenhum.
já quando coloco "onmouseover", funciona corretamente.
Alguem pode me explicar o por quê?
Carregando comentários...