删除鼠标悬停时显示的图像

Question

以下脚本打开onmouseover图像，但我无法想出一种方法来删除图像onmouseout。我知道我错过了一些非常简单的东西，但似乎找不到有用的东西。

<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";
}