javascript - 删除鼠标悬停时弹出的图像

Question

以下脚本在鼠标悬停时打开一个图像，但是我想不出一种方法来删除鼠标悬停的图像。我知道我错过了一些非常简单的东西，但似乎找不到有用的东西。

<script type="text/javascript">
    function show(Id) {
    document.getElementById(Id).style.display="inline";
    }
    </script>    
    <span onmouseover="show ('myImage')">- <u>LAZARETTE</u></span></b>
    <img src="../images/MarkILineDrawingLazarette.jpg" id="myImage" border="0" style="display:none;"

Answer 1

function hide(Id) {
    document.getElementById(Id).style.display="none";
}

然后将开始跨度标记更改为：

<span onmouseover="show('myImage')" onmouseout="hide('myImage')" >

编辑： JSFiddle！

Answer 2

你很亲近！只需添加 onmouseout 事件！

HTML

<b>   
<span onmouseover="show('myImage',true)" onmouseout="show('myImage',false)">- <u>LAZARETTE</u></span></b>

JAVASCRIPT

function show(Id, show) {
    document.getElementById(Id).style.display = show ? "inline" : "None";
}