Question

当我将光标移到上方时，我想更改图像和文本。我希望当光标移出图像时看到图像，而当光标在图像上方时看到文本，并且如果我将光标移到文本上方，则返回图像。

我知道使用jQuery或CSS会更容易，但是我需要使用Javascript。

我使用此代码，当我将光标移到图像上时，它将更改图像的文本，但是当我将光标移到文本上时，请勿更改图像的文本。

有人可以帮助我吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>


<h1>Events i Objectes del DOM - 2</h1>


<div id="elem1">
<img src="snatch.jpg" onmouseover="mode1()" onmouseleave="mode2()">
</div>

<script type="text/javascript">

function mode1(){
    anterior = document.getElementById("elem1").innerHTML;
    document.getElementById("elem1").innerHTML = "Lorem ipsum lorem ipsum...";
}

function mode2(){
    document.getElementById("elem1").innerHTML = anterior;
}

</script>



</body>
</html>

使用onmouseover更改文本的img

0 个答案: